博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
导航栏切换按钮事件
阅读量:4488 次
发布时间:2019-06-08

本文共 732 字,大约阅读时间需要 2 分钟。

同事写的一段代码,不是很难,但感觉不错保存起来

 

// 导航栏切换按钮事件$('ul.main-tab>li').on('mousedown', function() {    var $this = $(this), $box = $('.main-tab-content'), i = $this.index();    if ($this.hasClass('on')) { return false; }    switch (i) {        case 0:            break;        case 1:            updateRadarTab();            break;        case 2:            break;        case 3:            break;        default:            break;    }    $this.siblings().removeClass('on');    $this.addClass('on');    $box.removeClass('block').css('display', 'none');    $box.eq(i).addClass('block').css('display', 'block');});

 注释: var $this = $(this); 这样写的好处,因为在回调函数里的this指的不是当前对象或元素 所以用var $this=$(this) 保存下来。

 

转载于:https://www.cnblogs.com/zsongs/p/5260555.html

你可能感兴趣的文章
WINDOWS NT/2000下如何屏蔽CTRL+ALT+DEL
查看>>
思百德全区播放的个人见解及B区ISO破除区码播放教程
查看>>
Delphi的命令行编译命令
查看>>
BZOJ 1901 Zju2112 Dynamic Rankings 题解
查看>>
java线程死锁研究
查看>>
C++虚析构函数
查看>>
hdu2544---最短路
查看>>
[HAOI2006] 聪明的猴子
查看>>
百度地图的基本使用
查看>>
剪切图片
查看>>
利用PyCharm进行Python远程调试
查看>>
python之模块随笔记-os
查看>>
android:exported 属性详解
查看>>
m2e (maven eclipse) 在运行一些命令时出现了无法compile(Unable to locate the Javac Compiler in:)...
查看>>
Underscore骨骼
查看>>
前端发展史
查看>>
sql plus命令大全(2)
查看>>
10.TreeSet、比较器
查看>>
System V 共享内存区
查看>>
SD卡 TF卡 接口引脚定义
查看>>