Javascript 尝试使用load方法强制加载jQueryUI选项卡。

Javascript 尝试使用load方法强制加载jQueryUI选项卡。,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我在本地加载了三个选项卡(不使用AJAX) 参考 你的html喜欢什么 <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3

我在本地加载了三个选项卡(不使用AJAX)

参考

你的html喜欢什么

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Some content.</p>
  </div>
  <div id="tabs-2">
    <p>Some content.</p>
  </div>
  <div id="tabs-3">
    <p>Some content.</p>
  </div>
</div>

一些内容

一些内容

一些内容


ooh,这似乎很管用。然而,为什么现在所有的标签都被标签列表填满了呢?但是,当我在我的实际程序中使用它时,它工作得非常好,所以我将把它标记为正确答案。谢谢因为您为标题而不是容器选项卡设置了html
$("#tabs").tabs("load",2);
$( "#tabs" ).tabs({ active: 1 });
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Some content.</p>
  </div>
  <div id="tabs-2">
    <p>Some content.</p>
  </div>
  <div id="tabs-3">
    <p>Some content.</p>
  </div>
</div>