如何在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>

如何禁用页签及其内容。

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

如何使用javascript或jquery来实现？

Answer 1

您可以使用：

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

或

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

Answer 2

看看这个url可能会有帮助。

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