jquery - 插件选项卡从第一个选项卡转发到第二个

标签 jquery html css

我不知道如何通过首先单击某些 href 来转发到第二个选项卡。有可能做到吗?

fiddle

代码

<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<p href="#fragment-2">active 2 tab</p>

</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
tincidunt    ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="fragment-3">
3333333333333333333333333333<br>
3333333333333333333333333333<br>
3333333333333333333333333333<br>
3333333333333333333333333333<br>
</div>
</div>

<script>
$( "#tabs" ).tabs();
</script>

最佳答案

您可以将点击事件绑定(bind)到 p:

// count from 0
$("#tabs").tabs("select", 1);

http://jsfiddle.net/HSCwC/3/

关于jquery - 插件选项卡从第一个选项卡转发到第二个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18917644/

相关文章:

javascript - 如何制作类似 Pottermore 的动画光标

css - :hover works in firebug but not in firefox

jquery - 将带有 JQuery 的 CSS 添加到多个类

javascript - Jquery使选项卡从另一个页面激活

javascript - 上传两个文件,处理它们并下载新文件,无需重定向

jquery - 如何制作一个包含这样分组行的表格?

html - Chrome 和 Firefox 处理缩放的方式不同。如何在我的 CSS 中处理这个问题

html - 添加额外元素时标题和正文之间奇怪的额外间距

javascript - React.js - 创建简单的 Accordion 示例

javascript - JQuery 和修改后的自动完成