Question

这一直困扰着我使用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转换到另一个div。像这样---＆gt; 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>

此代码基本上是一个滑块

好的，通过放置滑块脚本最后它可以工作，但它使fisrt脚本，页面转换脚本不起作用。我已经看到了很多不同的脚本，我不是太流行了，但是任何人都可以告诉我如何让它们在一个页面上工作。

Answer 1

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

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

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

如何让两个javascripts在一个页面上工作

1 个答案: