首页 > 其他 > 详细

导航栏切换按钮事件

时间:2016-03-10 09:26:06      阅读:139      评论:0      收藏:0      [点我收藏+]

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

 

// 导航栏切换按钮事件
$(‘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) 保存下来。

导航栏切换按钮事件

原文:http://www.cnblogs.com/zsongs/p/5260555.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!