2013-04-15 59 views
2

我看過這個問題的版本問,但他們被問及jQuery的舊版本或標籤不屬於jQuery的UI 1.10.2通過在jQuery UI標籤(jQuery的1.10.2)url更改活動選項卡

我的問題是:
什麼jQuery代碼,我需要添加到這個讓
一)活動標籤的選擇將被添加到URL(例如,如果標籤-6是主動點擊選項卡,在瀏覽器中顯示的網址是page2.html#tabs-6)
b)我可以建立鏈接,根據url改變哪個標籤是活動的(所以如果我在「page1.html」到「page2.html#tabs-3」「#t絕對-3「將成爲活動標籤?

我已經將幾個網頁合併到了jquery ui選項卡中(使用jquery UI 1.10),我需要能夠鏈接到主頁上菜單中的各個選項卡。我對html/css很有經驗,但我的jQuery知識基本上侷限於能夠實現和編輯演示示例。

對於我們的目的,代碼的標籤塊基本上是標籤演示中的股票jquery ui。

<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> 

回答

相關問題