微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery:如何使当前选项卡不可单击

如何解决jQuery:如何使当前选项卡不可单击

| 我是JQuery的新手,没有编程语言的经验,所以我不确定该脚本中应该更改什么以使“当前”标签不可点击 剧本:
//When page loads...
$(\".thumbCategory\").hide(); //Hide all content
$(\"ul.tabsCont li:last\").addClass(\"current\").show(); //Activate last tab
$(\".thumbCategory:last\").show(); //Show last tab content - cause using right float -reversing

//On Click Event
    $(\"ul.tabsCont li\").click(function() {

    $(\"ul.tabsCont li\").removeClass(\"current\"); //Remove any \"active\" class
    $(this).addClass(\"current\"); //Add \"active\" class to selected tab
    $(\".thumbCategory\").hide(); //Hide all tab content

    var activeTab = $(this).find(\"a\").attr(\"href\"); //Find the href attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active ID content
    return false;
});
非常感谢!     

解决方法

        您可以添加执行event.stopImmediatePropagation()并返回false的点击处理程序。您还可以将元素设置为禁用 您可以使用.ui-state-disabled类     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。