jQueryUI 选项卡:不同的选项卡 = 不同的 cookie?
我有两个标准 jQueryUI 选项卡,看起来几乎相同。 为了方便起见,他们添加了 cookie 选项。但现在,当我将页面从一个选项卡更改为另一个选项卡时,由于 cookie,将在另一页上选择相同的选项卡索引。
是否可以将 cookie-id 分配给选项卡功能或类似功能?
html:
<div id='tabs' class='ui-tabs'>
<ul class='ui-tabs-nav'>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
</ul>
</div>
和 jQuery:
$(function() {
$('#tabs').tabs({
cookie: {expires: 1},
spinner: '<img src=\'img/icons/loading.gif\' />',
load: function (e, ui) { $(ui.panel).find('.tab-loading').remove(); },
select: function (e, ui) {
var $panel = $(ui.panel);
if ($panel.is(':empty')) {
$panel.append('<div class=\'tab-loading\' style=\'text-align: center; font-weight: bold; width: 100%\'>Loading...</div>')
}
}
})
});
I have two standard jQueryUI tabs looking pretty much the same.
For the comfort, they have the cookie option added. But now when I change page from one tab to another, the same tab-index will be selected on the other page, because of the cookie.
Is it possible to assign a cookie-id to the tab function or anything alike?
The html:
<div id='tabs' class='ui-tabs'>
<ul class='ui-tabs-nav'>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
<li><a href='link'>Item</a></li>
</ul>
</div>
And the jQuery:
$(function() {
$('#tabs').tabs({
cookie: {expires: 1},
spinner: '<img src=\'img/icons/loading.gif\' />',
load: function (e, ui) { $(ui.panel).find('.tab-loading').remove(); },
select: function (e, ui) {
var $panel = $(ui.panel);
if ($panel.is(':empty')) {
$panel.append('<div class=\'tab-loading\' style=\'text-align: center; font-weight: bold; width: 100%\'>Loading...</div>')
}
}
})
});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你可以用名字来做:)
You can do it with name :)