Javascript 在Jquery选项卡中防止dafault操作

我正在做一个正在使用的项目。我的标签有链接。其中之一是在这个页面上显示ID，它可以显示特定的隐藏元素

<a href="#rings">Rings</a>

我需要阻止默认选项卡操作，并允许用户绕过所有Jquery选项卡，点击特定链接时转到该链接。我试着像那样禁用特定选项卡

var disabledTabsString = $('.disabled-tabs').text();
var disabledTabsArray  = disabledTabsString.split('');
for (var i = 0; i < disabledTabsArray.length; i++) {
    disabledTabsArray[i] = parseInt(disabledTabsArray[i]);
}
...
disabled: disabledTabsArray,

var disabledTabsString=$（'.disabled tabs'）.text（）；
var disabledTabsArray=disabledTabsString.split（“”）；
对于（var i=0；i

---

但它会禁用特定选项卡，即使它们有链接。有什么想法吗？

我决定将

数据url

属性添加到我想直接访问的特定url中。然后我使用

beforeActivate

方法检查是否存在

数据url

，然后将用户重定向到此链接

$('.b-head-nav-tabs').parent().tabs({
        collapsible: true,
        active: false,
        show: { effect: 'slideDown', duration: 300 },
        hide: { effect: 'slideUp', duration: 100 },
        beforeActivate: function( event, ui ) {
            var url = $('a', ui.newTab).attr('data-url');
            if (url != undefined) {
                document.location = url;
                return false;
            }
        }
    });

---

选项卡的html结构是什么样的？@Twisty，我已尝试禁用选项卡。我原以为它会被js禁用，但它会使选项卡被禁用，即使你们点击链接。

var disabledTabsString = $('.disabled-tabs').text();
var disabledTabsArray  = disabledTabsString.split('');
for (var i = 0; i < disabledTabsArray.length; i++) {
    disabledTabsArray[i] = parseInt(disabledTabsArray[i]);
}
...
disabled: disabledTabsArray,

$('.b-head-nav-tabs').parent().tabs({
        collapsible: true,
        active: false,
        show: { effect: 'slideDown', duration: 300 },
        hide: { effect: 'slideUp', duration: 100 },
        beforeActivate: function( event, ui ) {
            var url = $('a', ui.newTab).attr('data-url');
            if (url != undefined) {
                document.location = url;
                return false;
            }
        }
    });