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 for tab动作？

抱歉，我对jQuery仍然相当新，只开始使用它大约2周。

Answer 1

您要么不显示大量代码，要么显示错误。首先，我没有在任何地方看到'#tabs'：

<div id="tabs">

例如

然后，显示某个元素，可以使用.show函数。像这样：

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

另外，这个：

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

应该是：

onclick='getSecondaryDetails();'

等...

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

Answer 2

解决方案是不使用a标记

上的onclick

也许你应该使用更像show或select

的其他事件

$( "#tabs" ).tabs({
   select: function(event, ui) { jQuery.fn.getSecondaryDetails();}
});

在显示之前填充标签

或者

$( "#tabs" ).tabs({
   show: function(event, ui) { jQuery.fn.getSecondaryDetails();}
});

在显示后填写标签

在使用'onclick'之后，如何重新启用jQuery选项卡？

2 个答案: