我目前有这个代码:
$( ".feature-tabs" ).tabs(
{ collapsible: true, fx: [{opacity:'toggle', duration:'slow', height: 'toggle'}, // hide option
{opacity:'toggle', duration:'slow', height: 'toggle'}]}); // show option
我想将选项卡设置为在页面加载时禁用,但我遇到了问题。我已尝试将disabled:true 添加到选项中,但无法使其工作。
有人可以告诉我正确的方法吗?感谢您的帮助
编辑:选项卡的 HTML:
<div class="feature-tabs" id="tabs-set">
<ul>
<li><a href="#tabs-1" id="tab1">How does it<br/>work?</a></li>
<li><a href="#tabs-2" id="tab2">Heating Start<br/>Time</a></li>
<li><a href="#tabs-3" id="tab3">Turning on<br/>the boiler</a></li>
</ul>
<div id="tabs-1">
<p>test</p>
</div>
<div id="tabs-2">
<p>test2</p>
</div>
<div id="tabs-3">
<p>test3</p>
</div>
</div>
最佳答案
你应该使用
disabled: [1, 2]
其中数组的数量是要禁用的选项卡(从0开始),以便禁用第二个和第三个选项卡
根据您的情况进行编辑
$(".feature-tabs").tabs({
disabled: [0, 1, 2],
collapsible: true,
fx: [{
opacity: 'toggle',
duration: 'slow',
height: 'toggle'}, // hide option
{opacity: 'toggle',
duration: 'slow',
height: 'toggle'}]
}); // show option
关于Jquery UI 选项卡在加载时禁用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8340857/