如何在jquery中禁用导航选项卡

Question

这是html部分

<div id="tabs">
  <ul>
    <li><a href="#fragment-1">One</a></li>
    <li><a href="#fragment-2">Two</a></li>
    <li><a href="#fragment-3">Three</a></li>
  </ul>
  <div id="tab-pane">
    <div id="fragment-1">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
    <div id="fragment-2">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
    <div id="fragment-3">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
  </div>
</div>

如何禁用标签及其标签内容。

我通过添加类禁用来禁用选项卡，但是当我单击它时，它会显示活动选项卡的内容。

如何使用javascript或jquery？

Answer 1

您可以使用：

 $('#tabs').tabs({ event: '' }); 

或

 $('#tabs').tabs({ event: 'change' });

Answer 2

查看此网址可能会有所帮助。

http://api.jqueryui.com/tabs/#option-disabled 它将“禁用”作为选项