Jquery点击功能不加载ajax标签答案

【问题标题】：Jquery click function does not load ajax tabsJquery点击功能不加载ajax标签
【发布时间】：2010-06-15 21:40:47
【问题描述】：

我有一些加载 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));

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

【问题讨论】：

那里的语法无效，但我怀疑这是实际问题。你能用你正在使用的代码更新问题吗？
我已经用代码更新了问题

标签： jquery ajax tabs

【解决方案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：如果我正确理解您的问题，这一切都是有效的！

【讨论】：

【解决方案2】：

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

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

只需将选项卡实际包含的内容放入“#tab_id”即可。

【讨论】：