码迷,mamicode.com
首页 > Web开发 > 详细

JS tab切换事件

时间:2016-03-16 16:58:39      阅读:475      评论:0      收藏:0      [点我收藏+]

标签:

$(‘ul.main-tab>li‘).on(‘mousedown‘, data, function() {
    var $this = $(this), $box = $(‘.main-tab-content‘), i = $this.index();
    if ($this.hasClass(‘on‘)) { return false; }
    switch (i) {
        case 1:
            window.radarUpdater = self.setInterval(function(){updateRadarTab(data)}, 3000);
            break;
        case 2:
            clearInterval(window.radarUpdater);
            updateoptional();
            break;
        case 3:
            clearInterval(window.radarUpdater);
            updateNoticeTab();
            break;
        default:
            break;
    }
    $this.siblings().removeClass(‘on‘);
    $this.addClass(‘on‘);
    $box.removeClass(‘block‘).css(‘display‘, ‘none‘);
    $box.eq(i).addClass(‘block‘).css(‘display‘, ‘block‘);
});

  

JS tab切换事件

标签:

原文地址:http://www.cnblogs.com/zsongs/p/5283991.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!