Javascript 页面加载jQuery时无法使fadeIn（）工作_Javascript_Jquery_Html

Javascript 页面加载jQuery时无法使fadeIn（）工作

javascript jquery html

Javascript 页面加载jQuery时无法使fadeIn（）工作,javascript,jquery,html,Javascript,Jquery,Html,我试图在页面加载时使用jQuery在容器中淡出。然而，我似乎并不成功。下面是我正在使用的代码 HTML代码： <div class="col-first" id="col-first"> <div class = "content"> <p class="contentHeader">What we do</p> <p>Lorem ipsum dolor sit amet...</p

我试图在页面加载时使用jQuery在容器中淡出。然而，我似乎并不成功。下面是我正在使用的代码

HTML代码：

<div class="col-first" id="col-first">
    <div class = "content">
        <p class="contentHeader">What we do</p>
            <p>Lorem ipsum dolor sit amet...</p>
    </div>
</div>

头中的脚本标记：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>

及

fadeIn在隐藏元素上工作，因此代码无法工作。默认情况下，必须使其显示为“无”或“隐藏” 我在下面挂了一把小提琴

$(document).ready(function() {
    $('div').fadeIn(1000);
});

fadeIn对隐藏元素起作用，因此您的代码无法工作。默认情况下，必须使其显示为“无”或“隐藏” 我在下面挂了一把小提琴

$(document).ready(function() {
    $('div').fadeIn(1000);
});

试试这个我想这就是你想要的：

<html>
    <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
            <script> 
                    $(document).ready(function(){
                        $("#col-first").hide();
                        $("#col-first").fadeToggle(1000);
                    });
            </script>         
    </head>

    <div class="col-first" id="col-first">
    <div class = "content">
        <p class="contentHeader">What we do</p>
            <p>Lorem ipsum dolor sit amet...</p>
    </div>
</div>
</html>


$（文档）.ready（函数（）{
$（“#col first”）.hide（）；
美元（“#col first”）。fadeToggle（1000）；
});
我们所做的
我爱你，我爱你

试试这个，我想这就是你想要的：

<html>
    <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
            <script> 
                    $(document).ready(function(){
                        $("#col-first").hide();
                        $("#col-first").fadeToggle(1000);
                    });
            </script>         
    </head>

    <div class="col-first" id="col-first">
    <div class = "content">
        <p class="contentHeader">What we do</p>
            <p>Lorem ipsum dolor sit amet...</p>
    </div>
</div>
</html>


$（文档）.ready（函数（）{
$（“#col first”）.hide（）；
美元（“#col first”）。fadeToggle（1000）；
});
我们所做的
我爱你，我爱你

元素不应该首先不可见，然后才能看到它逐渐消失吗？请参见示例：我刚刚将其设置为隐藏，但仍然没有乐趣。您是如何做到的？我尝试了两种显示：无；和可视性：隐藏；您的浏览器控制台上有js错误吗？从您的代码中，我看不到引用jquerys是否应该首先成为不可见元素，才能看到它逐渐消失？请参见示例：我刚刚将其设置为隐藏，但仍然没有乐趣。您是如何做到的？我尝试了两种显示：无；和可视性：隐藏；您的浏览器控制台上有js错误吗？从您的代码中，我看不到引用JQueryTanks！我找到了答案，我放错了图书馆。谢谢！我得到了解决方案，我的图书馆放错了。

<html>
    <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
            <script> 
                    $(document).ready(function(){
                        $("#col-first").hide();
                        $("#col-first").fadeToggle(1000);
                    });
            </script>         
    </head>

    <div class="col-first" id="col-first">
    <div class = "content">
        <p class="contentHeader">What we do</p>
            <p>Lorem ipsum dolor sit amet...</p>
    </div>
</div>
</html>