2013-05-31 93 views
1

我有是這樣的一個標籤結構:Jquery UI選項卡:可能有選項卡url作爲瀏覽器url?

<div id="tabs"> 
    <ul class="tabnames"> 
     <li><a href="home.html" id="reportTabUrl">Reports</a></li> 
     <li><a href="about.html">Create Dashboard</a></li> 
     <li><a href="services.html">Manage Dashboard</a></li> 
     <li><a href="product.html">Manage Widget</a></li> 
     <li><a href="contact.html">Permissions</a></li> 
    </ul> 
</ul> 

我想知道如果有一種方式,其中瀏覽器可以反映活動標籤的URL,即www.sampleurl.com/home.html代替www.sampleurl.com當我點擊<li><a href="home.html" id="reportTabUrl">Reports</a></li>

+0

請爲標籤添加完整說明我的意思是你想要什麼 –

+0

當我點擊任何標籤時,瀏覽器URL應該反映標籤url,即單擊第二個標籤應該將瀏覽器URL改爲:/ about。 HTML。說得通? – Tiquelou

+0

據我所知'www.sampleurl.com/home.html'是不可能的,但這是'www.sampleurl.com /#家' – Musa

回答

0

JQueryUI標籤的想法是使用Ajax調用加載頁面,並在不重新加載的情況下提高用戶體驗。

www.sampleurl.com是一個單獨的頁面,www.sampleurl.com/home.html是另一個,www.sampleurl.com/about.html是另一個,依此類推。如果你想要這樣的行爲,你的用戶需要在網頁之後加載網頁。

默認情況下,JQueryUI選項卡使用Ajax加載內容,因此您的期望行爲與此插件不兼容。

+0

...我相信你不能更新瀏覽器的URL沒有頁面重新加載? – Tiquelou

+0

我認爲你不能,但看看這個問題http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page –

+0

我確實通過MDN文章某時後面定義了歷史操作。如果你可以把它作爲答案(通過編輯你的答案/添加一個新的答案),我會很樂意接受答案:) – Tiquelou

相關問題