jquery - 使用 'onclick' 后如何重新启用 jQuery 选项卡？

Question

这可能是一个新手问题......但是这里......

我使用 jQuery 设置了一些选项卡:

<div id='tabs'>
   <ul id='ui-tab-ul'>
      <li><a href='#tabPrimaryDetail'>Primary</a></li>
      <li><a href='#tabSecondaryDetail' onclick='javascript: jQuery.fn.getSecondaryDetails();'>Secondary</a></li>                   
   </ul>
   <div id='tabPrimaryDetail'>
       <p>No information available</p>
   </div>
   <div id='tabSecondaryDetail'>
       <p>No information available</p>
   </div>
</div>

我的主面板的内容是通过其他一些鼠标点击生成的，但由于它是第一个选项卡，我不需要激活选项卡本身...但是对于我的辅助选项卡，我想获取它的内容当人们点击选项卡本身时...所以我在那里放置了一个 onclick 事件来执行 AJAX 调用、获取数据并填充内容...

但是，我无法显示辅助标签...我尝试使用:

$('#tabs').tabs('show', 1);

或

$('#tabs').tabs('select', 1);

但它们都不起作用，如果我使用 select，它只会再次触发我的自定义 AJAX 调用...有没有办法保留选项卡操作的 onclick？

抱歉，我对 jQuery 还是很陌生，才开始使用它大约 2 周。

Answer 1

您要么没有显示大量代码，要么充满错误。首先，我没有在任何地方看到“#tabs”的定义:

<div id="tabs">

例如... 然后，显示某个元素，可以使用.show功能。像这样:

$('#tabSecondaryDetail').show();

另外，这个:

onclick='javascript: jQuery.fn.getSecondaryDetails();'

应该是:

onclick='getSecondaryDetails();'

等...

我现在不想给你完整的代码，但我希望这是一个好的开始。