小编Mic*_*ael的帖子

使用jQuery UI选项卡.如何将其中一个标签链接到URL而不是加载标签面板?

我正在使用jQuery UI选项卡来创建页面的垂直选项卡部分,并希望最后一个垂直选项卡链接到URL而不是加载选项卡面板.

有关最佳方法的建议吗?我可以将除了LI之外的另一个元素添加到列表中,但是宁愿让最后的li只是表现不同.

谢谢你的帮助.

这是我的javascript:

  // vtabs
  $("#aboutprod-tabs").tabs(
    { fx: [{opacity:'toggle', duration:'normal'},
    {opacity:'toggle', duration:'fast'}] })
    .addClass('ui-tabs-vertical'); 
Run Code Online (Sandbox Code Playgroud)

和HTML

<div id="aboutprod-tabs">
  <ul>
    <li><a href="#tabs-1">First</a></li>
    <li><a href="#tabs-2">Second</a></li>
    <li><a href="#tabs-3">3rd</a></li>
    <li class="last"><a href="/products">Learn more...</a></li>
  </ul>
  <div id="tabs-1">
    Tab panel 1
  </div>
  <div id="tabs-2">
    Tab panel 2  
  </div>
  <div id="tabs-3">
    Tab panel 3
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery tabs jquery-ui jquery-ui-tabs

20
推荐指数
1
解决办法
2万
查看次数

标签 统计

jquery ×1

jquery-ui ×1

jquery-ui-tabs ×1

tabs ×1