移动网站上的标签 - Javascript已关闭,该怎么办?

时间:2010-10-05 14:42:23

标签: javascript jquery css mobile

我有一个主要用于移动设备的网站,顶部导航是标签,但现在它们是硬编码而不是使用Javascript。我们正在考虑所有没有javascript的移动设备。

那么,有没有办法优雅地将javascript Tab功能降级到正确的html页面?

4 个答案:

答案 0 :(得分:2)

就我个人而言,我认为你应该考虑它的方式不是降低javascript功能,而是增强标准HTML。我不确定您的标签是如何工作的,但一般来说,标签的实现可以正常工作,标准锚标签指向不同的页面,每个标签一个。我即将描述如何用JS增强它,但它应该完全正常,而不需要任何javascript,据我所知。我想知道当你说他们“硬编码”而不是使用“javascript”时,这是你的意思。你还想从JS获得什么?

一般情况下,如果你想支持非JS用户,最好的办法是找出如何做一个非JS网站,然后找出你能做些什么来使JS用户更好(例如介绍ajax,等)

编辑添加:我发现这是一个解决方案,当你的标签是顶级的nava,因此他们正在改变整个页面内容。如果您在页面的较小部分有选项卡,那么这将不是最佳解决方案。

答案 1 :(得分:1)

如果我理解正确,我们遇到了类似的问题,我必须解决。

我们使用Milonic Menu js动态菜单创建器。问题是,所有菜单都是使用js完全呈现的。

我的解决方案是创建一组选项卡,这些选项卡与Milonic Menu创建它们时所呈现的选项卡相同。然后,在页面加载时,我使用js从页面中删除它们。

我们使用原型,所以我只使用:

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

现在,当禁用javascript时,您仍然可以获得由js创建的漂亮选项卡或菜单。

答案 2 :(得分:0)

是的,堆叠其内容面板,并为其提供id属性。然后将标签链接到它们。

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

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

答案 3 :(得分:0)

您可以简单地让选项卡的html包含指向这些选项卡的不同页面的链接,然后在javascript中,您可以使用javascript将这些链接定位到事件到选项卡。