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

时间:2014-11-27 17:16:40

标签: javascript jquery html web

嘿伙计们,我是网页设计新手,也是家族企业的网站。

当代码中没有其他jquery函数时,这两个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>

任何建议都将不胜感激

1 个答案:

答案 0 :(得分:2)

您应该在第二个块中调用$(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>