同事写的一段代码,不是很难,但感觉不错保存起来
// 导航栏切换按钮事件
$('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) 保存下来。