Question

我希望在加载body时显示我的div（包装器）。这是我的代码：

$("div.wrapper").hide();
$('body').load(function() {
    $('.wrapper').show();
});

但我的代码不起作用。我的错是什么？

Answer 1

描述

.ready（）指定在DOM完全加载时要执行的函数。

因此，使用css使您的div不可见，并使用jQuery使其可见。

示例

<强> HTML

<div class="wrapper" style="display:none">
   <!-- your content -->
</div>

<强>的jQuery

$(document).ready(function() {
   $('.wrapper').show();
});

完整样本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title></title>

        <script type="text/javascript" src="PathToYourJqueryJsFile" />
        <script type="text/javascript">
            $(document).ready(function () {
                $('.wrapper').show();
            });
        </script>
    </head>
    <body>
        <div class="wrapper" style="display:none">
        <!-- your content -->
        </div>  
    </body>
</html>

更多信息

Answer 2

首先，在您的css文件中设置.wrapper {display:none}。然后，此代码应在页面加载后显示：

$(document).ready(function() {
    $('.wrapper').show();
});

Answer 3

你使用jquery，你加载jquery吗？检查控制台，当你写$并按Enter键时会发生什么。
应该从内部调用所有jQuery代码

$（document）.ready（function（）{// your function}）;

编辑：这与$（function（）{}）相同;风格，但我更喜欢更详细的风格

Answer 4

使用jquery并简单地执行

<script>
    $(function(){ //jquery short-hand for DOM ready!!!
        $('.wrapper').show(function(){ 
             console.log('I AM SHOWING!!');
        });
    });
</script>

检查身体负荷（或其他元素）

4 个答案:

描述

示例

更多信息