0

JavaScript が有効になっているときに非表示にする必要がある要素があります。現在のコードは次のようになります。

<body>
    ...
    <div id="js-hidden"></div>
    ...
    <script src="jquery.js"></script>
    <script>
        $(document).ready(function() {
            $('#js-hidden').hide();
        })
    </script>

問題があります。残りのページ (および JavaScript) が読み込まれるため、 js-hidden div が表示されます。

早く隠していい？この解決策は私にとって非常に悪いです.JSユーザーはこの要素を見ることができません.

PS: jQuery を使用して例を作成しました。もちろん、プレーンな JS でも可能です :-)

4

3 に答える 3

2

$(document).ready を使用すると、ページ全体が読み込まれた後に実行されます。

<body>
    ...
    <div id="js-hidden"></div>
    ...
    <script src="jquery.js"></script>
    <div id="js-hidden"></div>
    <script>

            $('#js-hidden').hide();

    </script>
于 2013-11-07T08:29:14.797 に答える
1

最も簡単なこと：

<style>
.js-hidden {
  display: none;
}
</style>

<noscript>
<style>
.js-hidden {
  display: block;
}
</style>
</noscript>
于 2013-11-07T08:34:44.997 に答える
0

div で onload イベントを使用できないため、最良の解決策は、その div の直後に js を配置することだと思います...

于 2013-11-07T08:28:38.123 に答える