使用jQuery Mobile时,如何在禁用JavaScript时处理样式?

时间:2012-02-29 17:59:29

标签: jquery jquery-mobile

我正在玩jQuery Mobile(1.1.0 RC1),因为它基本上可以让我的网站在移动设备上看起来很棒。

如果禁用javascript,我该怎么办?我还是HTML5的新手,但我的理解是样式基于data-*属性,没有jQuery能够读取它需要的主题/角色,不能应用样式。

我找不到我可以应用的默认样式表,而且主题滚轮没有给出基础样本。 jQuery Mobile是否有任何后备,或者我是否需要自己编写一组自定义样式表?

2 个答案:

答案 0 :(得分:6)

jQuery Mobile仅适用于支持jQuery的浏览器。否则,grading system会启动并且您的应用会降级。考虑在这些用户的<noscripts>标记中应用自定义样式表。

<noscript>
<link rel="stylesheet" href="your-non-jqm-css.css" />
</noscript> 

示例:http://www.w3schools.com/tags/tag_noscript.asp

答案 1 :(得分:3)

在禁用javascript的情况下浏览http://jquerymobile.com/demos/1.1.0-rc.1/(在我的笔记本电脑浏览器中)会导致空白屏幕。启用javascript后,它看起来很稳固。在禁用javascript的情况下访问http://jquerymobile.com/demos/1.0a3/index.html至少可以获得基本网站。

如果你需要支持禁用javascript的移动浏览器,我猜你需要提供自己的基本移动css。