Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过jquery ui选项卡(jquery 1.10.2)中的url更改活动选项卡_Jquery_Jquery Ui_Tabs_Jquery Ui Tabs - Fatal编程技术网

通过jquery ui选项卡(jquery 1.10.2)中的url更改活动选项卡

通过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的旧版本或不属于jQueryUI1.10.2的选项卡

我的问题是:
我需要添加什么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作为片段(但要小心)