大佬教程收集整理的这篇文章主要介绍了使用jQuery UI选项卡 如何使一个选项卡链接到URL而不是加载选项卡面板?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有什么建议最好的方法来做到这一点?我可以把一个除LI之外的另外一个元素放在列表中,但宁可让最后一个li的行为不一样。
感谢任何帮助。
这是我的javascript:
// vtabs $("#aboutprod-tabs").tabs( { fx: [{opacity:'toggle',duration:'normal'},{opacity:'toggle',duration:'fast'}] }) .addClass('ui-tabs-vertical');
和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>
$("li.last a").unbind('click').click(function() { this.href = $.data(this,'href.tabs'); });
更新:使用较新版本的jQuery:
一旦您从要更改的链接中取消绑定jQuery-UI的点击处理程序,就不需要添加点击处理程序。这将工作:
$("li.last a").unbind('click');
以上是大佬教程为你收集整理的使用jQuery UI选项卡 如何使一个选项卡链接到URL而不是加载选项卡面板?全部内容,希望文章能够帮你解决使用jQuery UI选项卡 如何使一个选项卡链接到URL而不是加载选项卡面板?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。