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

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

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

谢谢你的帮助。

这是我的javascript：

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

和HTML

 
 
 
First
 
Second
 
3rd
 
Learn more...
 
 
 Tab panel 1 
 
 Tab panel 2 
 
 Tab panel 3 
  

Answer 1

在.tabs()调用之后，你可以反转点击行为并将其更改为href ，将href放回.tabs() ：

 $("li.last a").unbind('click').click(function() { this.href = $.data(this, 'href.tabs');​​​​ }); 

你可以在这里尝试一下 。

更新：使用更新版本的jQuery：

从您想要更改的链接解除绑定jQuery-UI的单击处理程序后，无需添加单击处理程序。 这将有效：

 $("li.last a").unbind('click'); 

Answer 2

您可以更改选项卡的选择方法：

$( ".selector" ).tabs({ select: function(event, ui) { ... } });

并将ui.tab.id （或ui.panel.id ，基于您正在使用的标记）与要发送的选项卡的ID进行比较，并使用location.href=...重定向用户。