jquery UI タブを使用していますが、タブを無効にしたいと考えています。そのために、HTMLとJqueryについて以下で説明するように、すでにタブをセットアップしています。タブ コントロールは正常に動作しますが、タブは無効になりません。
<div class="tabs-container h-tabs">
<ul class="tabs">
<li><a href="#">tab 1</a></li>
<li><a href="#">tab 2</a></li>
<li><a href="#">tab 3</a></li>
</ul>
<div class="tab-content">
<div>Tab 1</div>
<div>Tab 2</div>
<div>Tab 3</div>
</div>
</div>
<script type="text/javascript">
(function () {
$(".tabs-container ul.tabs").tabs("div.tab-content > div", { tabs: 'a', effect: 'fade', fadeOutSpeed: -200, history: false, initialIndex: 1 });
// DISABLE THE TABS
$(".tabs-container ul.tabs").tabs("option","disable", [1,2,3]); // IT DOESN'T WORK!!!
})();
</script>