1

我对 JavaScript 很陌生。

我正在使用 SlidesJS，它工作得非常好。

然而，在处理禁用 JavaScript 的用户时，这有点棘手。对于禁用 JavaScript 的用户，图像将被排列。而且我不知道如何处理它，因为图像嵌入在 HTML 代码中。

<div id="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
</div>
<script>
    $(function(){
      $("#slides").slidesjs({
  ......
</script>

有没有办法仍然使用 SlidesJS，但是对于禁用 JavaScript 的用户，网页显示一个默认图像，并隐藏所有其他图像？

4

1 回答 1

1

使用 CSS 和Modernizr，当且仅当启用 JavaScript 时，它们才能向 HTML 元素添加一个类。

#slides > img + img {
    display: none; // may need to make this !important
}
.js #slides > img + img {
    display: block;
}

（请注意，它modernizr.js应该在页面上的任何其他 JS 之前运行。）

如果你想要的只是 JavaScript 检测，你甚至不需要 Modernizr——只需要一行代码和上面的 CSS：

document.getElementsByTagName("html")[0].className = "js";

或者，不破坏它：

document.getElementsByTagName("html")[0].className
     = document.getElementsByTagName("html")[0].className + " js";
于 2014-06-02T20:38:31.630 回答