通过jquery ui选项卡(jquery 1.10.2)中的url更改活动选项卡
我见过这个问题的版本,但他们被问及jquery的旧版本或不属于jQueryUI1.10.2的选项卡 我的问题是:通过jquery ui选项卡(jquery 1.10.2)中的url更改活动选项卡,jquery,jquery-ui,tabs,jquery-ui-tabs,Jquery,Jquery Ui,Tabs,Jquery Ui Tabs,我见过这个问题的版本,但他们被问及jquery的旧版本或不属于jQueryUI1.10.2的选项卡 我的问题是:我需要添加什么jquery代码才能 a) 活动选项卡的选择器将添加到url(例如,如果tabs-6是活动的单击选项卡,则浏览器中显示的url为page2.html#tabs-6) b) 我可以建立链接,根据url更改哪个选项卡处于活动状态(因此,如果我在“page1.html”上创建指向“page2.html#tabs-3”的链接,“tabs-3”将成为活动选项卡 我已经将一个网站的多
我需要添加什么jquery代码才能
a) 活动选项卡的选择器将添加到url(例如,如果tabs-6是活动的单击选项卡,则浏览器中显示的url为page2.html#tabs-6)
b) 我可以建立链接,根据url更改哪个选项卡处于活动状态(因此,如果我在“page1.html”上创建指向“page2.html#tabs-3”的链接,“tabs-3”将成为活动选项卡 我已经将一个网站的多个页面整合到jquery ui选项卡中(使用Merrolled jquery ui 1.10),我需要能够从主页上的菜单链接到各个选项卡。我对html/css很有经验,但我的jquery知识基本上局限于能够实现和编辑演示示例 出于我们的目的,代码中的tabs块基本上是tabs演示中的stockjqueryui
<head>
<script>
$(function() {
$( "#tabs" ).tabs();
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab One</a></li>
<li><a href="#tabs-2">Tab Two</a></li>
<li><a href="#tabs-3">Tab Three</a></li>
<li><a href="#tabs-4">Tab Four</a></li>
<li><a href="#tabs-5">Tab Five</a></li>
<li><a href="#tabs-6">Tab Six</a></li>
</ul>
</div>
<div id="tabs-1">
<p>tab 1 content</p>
</div>
<div id="tabs-2">
<p>tab 2 content</p>
</div>
<div id="tabs-3">
<p>tab 3 content</p>
</div>
<div id="tabs-4">
<p>tab 4 content</p>
</div>
<div id="tabs-5">
<p>tab 5 content</p>
</div>
<div id="tabs-6">
<p>tab 6 content</p>
</div>
</body>
$(函数(){
$(“#制表符”).tabs();
//静态小部件上的悬停状态
$(“#对话框链接,#图标li”)。悬停(
函数(){
$(this.addClass(“ui状态悬停”);
},
函数(){
$(this.removeClass(“ui状态悬停”);
}
);
});
表1内容
表2内容
表3内容
表4内容
表5内容
表6内容
对于(a)--我认为您必须在“选择”事件上编写一些自定义代码
对于(b)--入站链接应该可以正常工作,只需使用选项卡的div ID作为片段(但要小心)对于(a)--我认为您必须在“select”事件上编写一些自定义代码
对于(b)——入站链接应该可以正常工作,只需使用选项卡的div ID作为片段(但要小心)