0

これは、javscript の操作で長い間私を困惑させてきたものです。まず、私が使用している 2 つの 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 へのページ遷移をスムーズにするために使用されます。このように ---> http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html

ここに2番目のものがあります

<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に精通していませんが、1つのページで両方を機能させる方法を教えてもらえますか.

4

1 に答える 1

0

jquery ライブラリへの 2 番目の呼び出しを取り除きます。

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

何が起こっているかというと、jquery の最初のインスタンスを上書きしているため、それで構成されたバインディングが失われます (つまり、最初のスクリプト)。

于 2013-05-09T21:48:55.180 に答える