如何使用jquery工具在多个选项卡中跳转到指定的选项卡
How to jump to a specified tab in a multiple tab make with jquery tools
对不起,我是jquery和工具的新手。。。
我在页面中使用了多个选项卡,如果链接不在选项卡的包装中,我就无法创建打开选项卡的链接。
这是我的html代码:
<a href="#tab2">AN EXTERNAL LINK TO TAB2</a>
<div>
<div class="wrap">
<ul class="tabs">
<li class="current"><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div class="pane">content with <a href="#tab2">A INTERNAL LINK TO TAB 2</a></div>
<div class="pane">content</div>
<div class="pane">content</div>
</div>
</div>
<div>
<div class="wrap">
<ul class="tabs">
<li class="current"><a href="#tab5">Tab4</a></li>
<li><a href="#tab5">Tab 4</a></li>
<li><a href="#tab6">Tab 6</a></li>
</ul>
<div class="pane">content</div>
<div class="pane">content</div>
<div class="pane">content</div>
</div>
</div>
我的剧本到底是对的吗?脚本:
<script>
// perform JavaScript after the document is scriptable.
$(function() {
$("ul.tabs").tabs("> .pane");
});
</script>
我缺了什么?我认为有多个选项卡是可能的。。。
非常感谢你的帮助。
单击目标链接时,您可以在所需选项卡上触发单击事件。在这种情况下,您希望为选项卡和链接分配类名,因为它们比属性选择器(如[href=#tab2]
)快一点。
因此,在您的HTML:中
<a href="#tab2" class="target-tab-2">AN EXTERNAL LINK TO TAB2</a>
...
<li><a href="#tab2" class="tab-2">Tab 2</a></li>
JS:
$('.target-tab-2').click(function (e) { $('.tab-2').click(); e.preventDefault(); });
相关文章:
- 尝试添加一个选项以使用append进行选择,但没有任何结果
- 在<选择>使用angular ng选项可能使用ng init
- HighMaps:在joinBy选项中使用多值mapData标识符
- 防止已选择的选项 Jquery 使用 MYSQL 自动完成
- Twitter引导选项卡:使用超链接转到特定选项卡
- Angular JS-我可以为选项卡使用单独的控制器来加载窗格吗.这是个好做法吗
- 添加选项以使用 javascript 从 json 文件中选择字段
- 如何使用javascript查找chrome选项卡使用的内存
- 下拉菜单的第一个选项不是一个选项;强制使用其他选项
- AngularJS,如何在选择>选项上使用min=“”来验证表单
- 我可以在选择元素的选项中使用 HTML 标记吗?
- 如何在选择选项时使用 jQuery 显示不同的图像
- 如何在打开之前禁用菜单选项,使用jQuery Selectric
- 更改<选择>的选项并使用 JavaScript 触发事件
- 当选项卡使用数据目标而不是 href 时,引导选项卡不起作用
- Javascript cookie 用于保存用户首选项并使用共享首选项显示内容
- 在选择选项中使用多个变量
- 宽度和长度价格计算器帮助(添加选项)使用JavaScript / jQuery
- 简单的花式盒子 2 键选项 - 如何使用
- 在选择框选项上使用 ng-hide 或 ng-show 选项