2013-05-09 65 views
0

這讓我對使用javscript最長時間感到困惑。首先,我使用了兩個JavaScript代碼。如何讓兩個javascripts在一個頁面上工作

這裏是上面的代碼被用於製造從一個div來相互平滑網頁過渡的第一個

<!-- 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> 

。類似這樣的--->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,但任何人都可以告訴我如何讓它們在一個頁面上工作。

+2

第一件事是不要包含jquery.js(或jquery.min.js)兩次。接下來的事情是檢查easing和sudoSlider插件,看他們是否需要不同版本的jQuery。 – nnnnnn 2013-05-09 21:47:40

+0

我刪除了其中的一個@nnnnnn – user2348794 2013-05-09 21:49:08

+1

OMG我覺得很愚蠢,現在一切正常,對不起,我不熟悉Javascript那麼多,我覺得我在這個網站上浪費空間 – user2348794 2013-05-09 21:50:20

回答

0

擺脫了第二個電話到jQuery庫:

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

正在發生的事情是要覆蓋的jQuery的第一個實例,導致與它配置的任何綁定丟失(即第一個腳本)

相關問題