如何在单击选项卡时激活功能
How to activate a function on clicking a tab?
我有两个选项卡,每个选项卡显示不同的详细信息。在点击第二个选项卡时,我创建了一个按钮,点击它将显示某些细节。但我想知道是否有任何方法可以在单击选项卡时直接调用该函数。我试着激活功能,但它无法工作。
$(function() {
$( "#tabs" ).tabs({
activate: function( event, ui ) {
fn.my_function(); }
});
});
此外,我想知道使用激活功能是否是一个不错的选择,因为该功能仅适用于第二个选项卡。
这是我的标签代码:
<div id="tabs">
<ul>
<li><a href="#tabs-1">DEMO</a></li>
<li><a href="#tabs-2">Details
</a></li>
</ul>
<div id="tabs-1">
<p><font color="blue"> Code </font>: Code number</p></br>
<div id='popup-close'>Close</div>
</div>
<div id="tabs-2">
<p></p>
<input type="submit" name="call_function" id="call_function" value="Click for details" />
<table id='content'></table> // this is to display the details listed by the function in the table format.
<div id='popup-close1'>Close</div>
</div>
任何解决这一问题的建议都将不胜感激。
基本上,只需向特定选项卡添加一个id
,就可以触发该选项卡的函数:
<li><a id="tab1" href="#tabs-1">DEMO</a></li>
...
$("#tab1").click(...);
另一种选择是编写一个合适的选择器来获得第一个/第二个/第n个。。。<li>
元素:
$("#tabs ul li:nth-child(2)").click(...)
相关文章:
- JS不工作:Sublime 3编辑器-Var main=函数()-=不是“”;激活“;(功能新手)
- 如何在iframe中激活jquery功能
- 重复jquery点击激活的动画功能
- 通过自定义JS功能激活Sencha Touch选项卡
- 选中复选框时如何激活功能
- 父路由器激活功能在每次导航到其子路由时运行
- 如何隐藏搜索结果框,我希望它们在点击并激活键控功能时显示
- 滚动功能在滚动前激活
- 如果功能多次激活,请多次停止输出打印
- 花式树激活节点启动功能
- 点击DIV或A标签激活JS功能
- 开关不激活功能
- 激活单击上一个按钮后创建的按钮上的单击功能
- 未激活的功能如何影响网站
- 单击Rails后激活Javascript功能form_for选择字段
- 如何仅在单击专用按钮时激活功能
- 如何在单击选项卡时激活功能
- 对象的属性在改变时激活功能
- 如何在用户关闭浏览器/选项卡之前激活功能
- 在while循环中激活功能时出现故障