Question

当我使用jquery加载页面时，我试图淡入我的网站名称但它不起作用，除非我在控制台中执行此操作。所以我知道它有效，但不确定我做错了什么我看到了文档并尝试了这个

{% if title == 'home' %}
    <header class="intro-header" id="hedr" style="">
        <div class="container">
            <div class="row" style="height:500px">
                <div >
                    <div class="site-heading">
                        <h1 class="site-name text-center pic" id="heights">HiSPANIC HEiGHTS</h1>
                        <!--<hr class="small">-->
                        <!--<span class="subheading">A Clean Blog Theme by Start Bootstrap</span>-->
                    </div>
                </div>
            </div>
        </div>
    </header>
{% endif %}

<script>
  $(document.body).ready(function(){
    $("#heights:hidden:first" ).fadeIn( "slow" );
  });
</script>

我使用Django，如果这对我的回答意味着什么。让我知道我做错了什么，所以我可以解决它，谢谢

Answer 1

$(document).ready(function() {
    $("#heights" ).fadeIn(500);
});

这里500表示500毫秒。那样1000毫秒就是1秒。通过这种方式，您可以指定淡入淡出的速度或速度。

Answer 2

我明白了。这工作

    <script>
      $(document.body).ready(function(){
          $("#heights").hide().fadeIn(3000);
      });
    </script>

什么是使用jquery淡入元素的正确语法？

2 个答案: