0

在使用 javscript 时，这一直是困扰我最长的事情。首先，我使用了两个 javascript 代码。

这是第一个

  <!-- The JavaScript -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  
    <script type="text/javascript" src="jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            $('ul.nav a').bind('click',function(event){
                var $anchor = $(this);

                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top
                }, 1500,'easeInOutExpo');
                /*
                if you don't want to use the easing effects:
                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top
                }, 1000);
                */
                event.preventDefault();
            });
        });
    </script>

上面的代码用于使页面从一个 div 平滑过渡到另一个。像这样 ---> http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html

这是第二个

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://littleladyenterprises.com/wp-content/themes/blackchic/WebsiteScrolling/css/jquery.sudoSlider.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var sudoSlider = $("#slider").sudoSlider({
            numeric: false,
            continuous:true
        });
 var sudoSlider2 = $("#slider2").sudoSlider();
});

</script>

这段代码基本上是一个滑块

好的，通过将滑块脚本放在最后它可以工作，但它会使第一个脚本，页面转换脚本不起作用。我已经用许多不同的脚本看到了这一点，我不太懂 JS，但谁能告诉我如何让它们都在一个页面上工作。

4

1 回答 1

0

摆脱对 jquery 库的第二次调用：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

发生的事情是您正在覆盖 jquery 的第一个实例，导致使用它配置的任何绑定都丢失（即第一个脚本）

于 2013-05-09T21:48:55.180 回答