Question

我有一些加载ajax内容的标签。当我点击选项卡时，它可以完美地加载ajax内容，没有任何问题与Jqueryui演示中的问题完全相同。

但是当我尝试使用onclick函数更改选项卡时，它会打开选项卡但不会执行ajax。这是一个已知的问题吗？ ajax选项卡依赖于用户单击href以了解要加载的内容。

这是代码：

$("#signuptabs").tabs();

<div id="signuptabs">
     <ul>
         <li><a href="type.php"><span>type</span></a></li>
         <li><a href="umber.php"><span>CNumber</span></a></li>
         <li><a href="vices.php"><span>s</span></a></li>
         <li><a href="ups.php"><span>ups</span></a></li>
    <li><a href="ext.php"><span>ext</span></a></li>
        <li><a href="enu.php"><span>IMenu</span></a></li>
        <li><a href="info.php"><span> Information</span></a></li>
     </ul>

</div>


$(".step2next").click(function() $('#signuptabs').tabs("select" , 1));

使用点击功能时，它不会加载外部内容。

Answer 1

Jquery UI选项卡在链接Href和div id之间有一个关系，用于标识每个选项卡的内容......如果您使用Jquery UI提供的常规代码，则需要保持该关系活着！

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">TAB 01</a></li>
    <li><a href="#tabs-2">TAB 02</a></li>
    <li><a href="#tabs-3">TAB 03</a></li>
  </ul>
  <div id="tabs-1">
    <p>Content for Tab 01 because this Div id is equal to Href content of TAB 01 description</p>
  </div>
  <div id="tabs-2">
    <p>Content for Tab 02 because this Div id is equal to Href content of TAB 03 description</p>
  </div>
  <div id="tabs-3">
    <p>Content for Tab 03 because this Div id is equal to Href content of TAB 03 description</p>
  </div>
</div>

如果您改变了“标准”方式，则需要提供更多代码！

对于Ajax内容，使用上面的Skell，将内容加载到正确的div ID ...

Ps：如果我正确理解你的问题，这都是有效的！

Answer 2

我对UI选项卡不太熟悉，但是您可以尝试触发选项卡本身的单击，而不是在第2步单击时分配选项卡功能，而不是...

$(".step2next").bind('click',function(){
  $("#tab_id").trigger('click');
});

只需将实际选项卡放入“#tab_id”。

Jquery单击功能不会加载ajax选项卡

2 个答案: