2010-09-01 107 views
2

我想將第三個選項卡鏈接添加到其他網站,當它被點擊時,它會將我重定向到主頁第一個選項卡。不是第三個標籤。jQuery選項卡式問題

這裏是一個鏈接在網站中使用的例子。

<li><a href="#tab1">HOME</a></li> 
<li><a href="#tab2">About us</a></li> 
<li><a href="#tab3">services</a></li> 

and on other website I added 
<li><a href="http://www.mywebsitename.com/#tab1">HOME</a></li> 
<li><a href="http://www.mywebsitename.com/#tab2">About us</a></li> 
<li><a href="http://www.mywebsitename.com/#tab3">services</a></li> 

無論你點擊你將進入主頁。請問有任何解決方法嗎?

+0

你需要澄清你的問題更多。現在很難理解。 – slikts 2010-09-01 08:17:58

+0

jQuery在哪裏? – Amethi 2010-09-01 08:23:16

回答

0

雖然你的問題不是很清楚,但我假設你正在使用一些jQuery插件將div轉換爲標籤頁。

你將需要檢查,加載時,你收到了什麼網址,並跳轉到正確的選項卡(激活正確的div)。如果沒有更多的代碼,就很難得到更具體的結果。

0

像其他人一樣我不確定你在問什麼,但是如果你想要一個帶有哈希錨點的URL來自動選擇其中一個標籤,我認爲這對你有用。

<script type="text/javascript"> 
$(function() { 
    $('div#tabs').tabs({ selected: 0 }); 
    // Select the tab based on the url's hash anchor 
    var index = $('div#tabs div.ui-tabs-panel').index($(document.location.hash)); 
    $('div#tabs').tabs('select', index >= 0 ? index : 0); 
}); 
</script> 

<!-- Tabs --> 
<div id="tabs"> 
    <ul> 
    <li><a href="#tab1">HOME</a></li> 
    <li><a href="#tab2">About us</a></li> 
    <li><a href="#tab3">Services</a></li> 
    </ul> 
    <!-- individual tab content divs --> 
    <div id="tab1">Home sweet home!</div> 
    <div id="tab2">This is a page about us.</div> 
    <div id="tab3">At your service.</div> 
</div>