Question

我想做的很简单。我想仅在单击按钮时加载jQuery UI选项卡。然后我希望他们显示一个特定的Tab。第一部分工作第二部分不会。关于我做错什么的任何想法!!!

$('[name="testBtn"]')
.click(function(){
  $("#main").load("test.html", function() {
    $(col3).empty();
    var tabs = $("#tabs");
    $(tabs).tabs();
    $(tabs).tabs('select', 3);
  });

我也用过这种方式：

$('[name="testBtn"]')
.click(function(){
  $("#main").load("test.html", function() {
    $(col3).empty();
    $("#tabs").tabs('select', 3);
  });

HTML代码如下：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Test 1</a></li>
        <li><a href="#tabs-2">Test 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
</div>

Answer 1

最后设法找到了如何实现它。非常感谢Barmar指出了新的激活方法。我应该阅读手册:)按钮的代码如下：

$('[name="testBtn"]')
.click(function(){
  $("#main").load("test.html", function() {
    $(col3).empty();
    var tabs = $("#tabs");
    $(tabs).tabs();
    $(tabs).tabs( "option", "active", 1 );
  });

所有内容都在api页面上解释：jQuery UI Tabs api page

无法在javascript加载的JQuery UI标签上使用select

1 个答案: