单击时，jquery禁用以下选项卡

Question

我只是注意到，当我单击禁用的jquery选项卡时，它会遵循我不想要的链接。

密码是这样的，

var $tabs = '<div id="layer-tabs">'+
                '<ul>'+
                    '<li><a href="#layer-1"><span>1</span></a></li>'+
                    '<li><a href="#layer-2"><span>2</span></a></li>'+
                    '<li><a href="#layer-3"><span>3</span></a></li>'+
                '</ul>'+
                '<div id="layer-1"> </div>'+
                '<div id="layer-2"> </div>'+
                '<div id="layer-3"> </div>'+
            '</div>';

$( "#tabs-parent" ).append( tabs );

$("#tabs").tabs({ heightStyle: "fill", disabled : [0,1,2] });

假设您的位置是这个file:///C:/Users/user/website/index.html，，然后单击第一个拨号选项卡，它将您带到这个位置，file:///C:/Users/user/website/index.html/#layer-0。我怎么才能阻止这一切的发生？

Answer 1

只需将preventDefault用于具有禁用类的选项卡。