JQuery选项卡:选项卡重定向到第一个选项卡

Question

我的代码：

 $( "#tabs" ).tabs( "option", "active", 0 );
         $( "#tabs" ).tabs( "disable", 1 );
         $( "#tabs" ).tabs( "disable", 2 );
         $("#tab3").text("");
         $("#tab1").attr("href", "makerList");
         $("#tab1").text(roleName+" Work List");
         if(mode=='add'){
             $( "#tabs" ).tabs( "enable", 1 );
             $( "#tabs" ).tabs( "option", "active", 1 );
             $("#tab2").attr("href", "makerAddUser");
             $("#tab2").text("Add Client");
             $("#tab2").click();


         }

当我点击第一页中的事件时，它在第二个选项卡上停留了几秒钟，但又一次被重定向到第一页。

我想让第二个标签集中起来。

有谁能帮忙吗？

Answer 1

问题是不会在单击选项卡时触发event.preventDefault()，所以浏览器会跟随元素的href属性。我不确定jQuery选项卡插件是如何工作的，但我想无论如何都应该为您处理这个问题，但是一个简单的修复方法是在您自己中添加以下内容：

$('[id^="tab"]').click(function(event) {
    event.preventDefault();
});

这将以ID以"tab“开头的任何元素为目标，并在事件上调用preventDefault()。

然而，问题可能只是因为你没有在标签页2上调用enable，因此插件不会为你处理标签页的点击：

$( "#tabs" ).tabs( "enable", 2 );