我看過這個問題的版本問,但他們被問及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>