JQuery:如何使当前选项卡无法点击

时间:2011-06-21 22:49:58

标签: jquery html tags

我是一名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;
});

非常感谢你!

1 个答案:

答案 0 :(得分:0)

您可以添加执行event.stopImmediatePropagation()的单击处理程序并返回false。您也可以将元素设置为禁用

您可以使用.ui-state-disabled