移动网站上的标签 - 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等）

编辑添加：这对我来说是一个解决方案，当您的标签是顶级纳瓦，因此他们正在改变整个页面内容。如果你在页面的较小部分有标签，那么这不是一个最佳解决方案。