2012-11-14 171 views
-2

我試圖製作帶有選項卡式內容的頁面。我正在使用基礎選項卡(http://foundation.zurb.com/docs/tabs.php)。刷新頁面並更改URL的ID

我在<dl></dl>元素旁邊建立了一個鏈接,如果我只使用<a href="#simple5">,它就不起作用。我嘗試了一個JavaScript來重新加載頁面<a href="#simple5" onClick="window.location.reload(true);">,但也不起作用。

我該怎麼辦?

回答

2

當您在點擊時調用JS時,它會在默認操作之前運行。您重新加載沒有哈希標籤的頁面。

嘗試使用JS添加ID:<a href="#" onClick="window.location = '#simple5'; window.location.reload(true);">

您還可以使用等功能,動態獲取的ID。


對不起,我的英語不好。^-^

+0

工作:)!謝謝您的幫助。 – euDennis

0

您不必手動執行location.reload。導航到新的散列將更新URL而不重新加載頁面。如果DOM中的元素具有ID simple5,瀏覽器將滾動到該元素。

您也可以手動查看哈希更改事件(或重複檢查URL的更改,對於不支持該事件的瀏覽器),並執行操作(如切換到某個選項卡)。

這是如果你希望你的標籤之間的切換反映在瀏覽器的歷史。如果您不希望在瀏覽器歷史記錄中留下標記,您應該想要攔截鏈接點擊,提取href以僅用作指示顯示哪個標籤,執行標籤更改並防止瀏覽器跟隨鏈接(這樣就不會發生實際的哈希變化)