使用两个函数时出现 Jquery 问题

Jquery issue when two functions are used

本文关键字：Jquery 问题 函数 两个      更新时间：2023-09-26

嘿伙计们，我是网页设计和为家族企业制作网站的新手。

当

代码中不存在另一个时，这两个jquery函数都可以工作，但是当两者都使用时，第一个（滚动到）不起作用。

滚动到位置功能：

    <script type="text/javascript">
$("#button").click(function() {
        $('html, body').animate({
        scrollTop: $("#home").offset().top
        }, 2000);
});
  </script>

在用户滚动功能上滚动到新页面： 

  <script type="text/javascript">
   $(document).ready(function() {
         $('#fullpage').fullpage({
             sectionsColor: ['#7b797a', '#2039cf','#2039cf' ],
             css3: true      
         });
   });
  </script>

任何建议将不胜感激，谢谢

您应该在第二个块中调用$(document).ready();调用中的第一个代码块。 基本上，您正在设置一个事件侦听器（在本例中为按钮单击），该元素（按钮）可能尚不存在，因为页面仍在加载。 在 $(document).ready(); 中设置侦听器会让它等到页面加载完毕。

您的代码可能如下所示：

<script type="text/javascript">
    $(document).ready(function() {
        $("#button").click(function() {
            $('html, body').animate({
                scrollTop: $("#home").offset().top
            }, 2000);
        });
        $('#fullpage').fullpage({
            sectionsColor: ['#7b797a', '#2039cf','#2039cf' ],
            css3: true      
        });
    });
</script>
相关文章：