通过选定的 jQuery 选项卡设置 URL
进一步这个问题 - 并使用相同的 getUrlParam.js 插件。
$(document).ready(function(){
var param = $(document).getUrlParam('tab');
$("#tabs").tabs();
$("#tabs").tabs('select', param);
});
使用此代码，我可以控制在给定页面上加载哪个选项卡，例如 blogs/?tab=tv 加载 /blogs/ 页面上的选项卡 #tv 。
但是有没有办法可以通过单击选项卡本身来设置 URL？
<ul id="mediatabs" class="tab-buttons">
<li class="TV"><a href="#TV">TV</a></li>
<li class="radio"><a href="#radio">Radio</a></li>
</ul>
即单击电视选项卡会加载 /?tab=tv?
我想这是 Tabs 3 中缺少书签功能的解决方法。
Further to this question - and using the same getUrlParam.js plugin.
$(document).ready(function(){
var param = $(document).getUrlParam('tab');
$("#tabs").tabs();
$("#tabs").tabs('select', param);
});
With this code I am able to control which tab loads on a given page e.g. blogs/?tab=tv loads the tab #tv on the /blogs/ page.
However is there a way I can set the URL by clicking on the tabs themselves?
<ul id="mediatabs" class="tab-buttons">
<li class="TV"><a href="#TV">TV</a></li>
<li class="radio"><a href="#radio">Radio</a></li>
</ul>
i.e. clicking on the TV tab loads /?tab=tv?
I guess this is a workaround for the missing bookmarking functionality in Tabs 3.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
好吧，您想要更改查询字符串参数，而不是网址的哈希值 (
http://www.example.com/page.html#this-is-a-hash)。一种方法是使用select事件，每当单击选项卡时就会触发该事件。像这样的东西：Well, you're wanting to change a querystring parameter and not the hash of the url (
http://www.example.com/page.html#this-is-a-hash). One approach is to use theselectevent which is triggered whenever a tab is clicked. Something like: