移動網站上的標籤 - Javascript已關閉，該怎麼辦？

Question

我有一個網站，將主要用在移動設備上，頂部導航欄是標籤，但現在他們是硬編碼，而不是使用JavaScript。我們正在考慮所有不具有JavaScript的移動設備。

那麼，有沒有一種方法來優雅地降低JavaScript Tab功能，然後到正確的HTML頁面？

Answer 1

如果我正確理解這一點，我們遇到了類似的問題，我必須解決。

我們使用Milonic Menu js動態菜單創建器。問題是，所有菜單都使用js完全呈現。

我的解決方案是創建一組選項卡，這些選項卡與Milonic菜單創建的選項卡相同。然後，在頁面加載時，我使用js將它們從頁面中移除。

我們使用的原型，所以我簡單地使用：

document.observe("dom:loaded", function(){ ...remove elements... }); 

現在，當禁止javascript，你仍然可以將已被JS創建漂亮的標籤或菜單。

Answer 2

是的，堆疊它們的內容面板，並給它們一個id屬性。然後將標籤鏈接到它們。

<a href="#tab1">Tab 1</a> 

<div id="tab1"> 
Hi, I'm tab 1! 
</div> 

Answer 3

你可以簡單地有標籤的HTML包含指向那些標籤不同的頁面，然後在JavaScript，你的目標這些鏈接，並使用JavaScript將它們轉換爲事件標籤。

Answer 4

就我個人而言，我認爲你應該考慮的方式不是降級javascript功能，而是增強標準HTML。我不確定你的標籤是如何工作的，但是通常標籤的實現可以很好地工作，標準的錨標籤指向不同的頁面，每個標籤一個。我正要描述如何用JS增強它，但它應該可以很好地工作而不需要任何JavaScript，就我所見。我想知道，如果這是你的意思，你現在正在做什麼，當你說他們是「硬編碼」，而不是使用「JavaScript」。無論如何，你想從JS中獲得什麼？

一般來說，如果你想要支持非JS用戶，最好的辦法是找出如何做一個非JS的網站，然後找出你可以做些什麼來使JS用戶更好（例如引入Ajax等）

編輯添加：這對我來說是一個解決方案，當您的標籤是頂級納瓦，因此他們正在改變整個頁面內容。如果你在頁面的較小部分有標籤，那麼這不是一個最佳解決方案。