没有javascript的后备解决方案

时间:2012-10-22 09:31:10

标签: javascript css3 twitter-bootstrap fallback noscript

Bootstrap有自己的checkboxes, radio buttonscollapse等javascript版本。

单选按钮示例:

<div class="btn-group" data-toggle="buttons-radio">
  <button type="button" class="btn">Left</button>
  <button type="button" class="btn">Middle</button>
  <button type="button" class="btn">Right</button>
</div>

只要你启用JS,这看起来就很棒了。我喜欢JS,但我也是 NoScript 用户,我希望该页面在没有JS的情况下也能正常运行。

正如我所看到的,twitter-bootstrap没有内置的后备解决方案。我可以使用自己的标签或仅在启用JS时显示引导按钮,但我不知何故预计引导程序可以处理此问题。

我想到的唯一解决方案是使用标准单选按钮,复选框等,如果启用了JS,则用上面的代码替换/隐藏它们。

我也很失望地看到像collapse这样的简单事情没有后备解决方案,至少可以通过css3转换来处理它,或者至少打开所有子div并保持它们打开。

你是否有一些没有JS的bootstrap的想法/解决方案,或者是编写一个功能的唯一解决方案“隐藏单选按钮,如果启用了javascript则显示/创建boostrap-div”?

1 个答案:

答案 0 :(得分:0)

你可以在没有javascript的情况下处理它,但这需要它将它发送到服务器端脚本或至少一个表单来提交它。由于大多数用户(我认为大约99%)启用了javascript,因此您应该在没有激活javascript时禁用该功能。