加載此元素后，立即向該元素添加一個類名

Question

我有一個在啟用JavaScript時必須隱藏的元素。 當前代碼如下所示：

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

有一個問題，因為頁面的其余部分（和JavaScript）都已加載，所以js隱藏的 div是可見的。

我可以早一點藏起來嗎？ 這個解決方案對我來說太糟糕了，JS用戶看不到這個元素。

謝謝。

PS：我已經使用jQuery編寫了示例，當然也可以使用純JS ：-)

Answer 1

$（document）.ready使其在加載整頁后發生，您可以使用

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

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

    </script>

Answer 2

最簡單的事情：

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

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

Answer 3

由於您不能在div上使用onload事件，所以我猜最好的解決方案是將js放在該div之后...

加載此元素后，立即向該元素添加一個類名

問題描述

3 個解決方案

解決方案1
2 已采納 2013-11-07 08:29:14

解決方案2
1 2013-11-07 08:34:44

解決方案3
0 2013-11-07 08:28:38

加載此元素后，立即向該元素添加一個類名

問題描述

3 個解決方案

解決方案1 2 已采納 2013-11-07 08:29:14

解決方案2 1 2013-11-07 08:34:44

解決方案3 0 2013-11-07 08:28:38

解決方案1
2 已采納 2013-11-07 08:29:14

解決方案2
1 2013-11-07 08:34:44

解決方案3
0 2013-11-07 08:28:38