单击时，jquery ui禁用了以下链接的选项卡

Question

我刚注意到，当我点击禁用的jquery ui标签时，它会跟随我不想要的链接。

代码是这样的，

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] });

让我们说你的位置是这个文件：/// C：/Users/user/website/index.html，你单击第一个禁用标签，它会带你到这个文件：/// C：/ Users /user/website/index.html/#layer-0。我该如何阻止这种情况发生？

Answer 1

只需对具有禁用类的选项卡使用preventDefault。