合併兩個jquery腳本

我不太熟悉JS或jquery，所以對我一無所知。我從網上下載網兩個腳本，合併兩個jquery腳本

一個看起來像這樣

<script src="jqzoom/js/jquery-1.6.js" type="text/javascript"></script> 
<script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script> 
<link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css"> 

<script> 
$(function() {  
      $('.jqzoom').jqzoom({ 
      zoomType: 'standard', 
      lens:true, 
      preloadImages: false, 
      alwaysOn:true 
     }); 
}); 
</script>

和其他

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
    <script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
    <script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script> 
    <script src="booklet/jquery.easing.1.3.js"></script> 
    <script src="booklet/jquery.booklet.latest.js"></script> 

    <script> 
     $(function() {  
      $("#mybook").booklet(); 
     }); 
    </script>

當我在一個頁面中只有後者的作品放置兩個，但是單獨他們做工精細。

我知道你不能在同一頁面內調用兩次jquery，但是當我刪除所有的jquery添加並只使用/jquery.js時，它們都不起作用。這是我下載它們的腳本，我認爲它們之間的HTML不需要在這裏發佈。

如何使兩個工作在一個頁面上？

感謝

來源

2014-04-28 A. Mo

你正在包含幾個版本的jQuery。嘗試堅持其中之一。 – thebjorn

這很難說。腳本可能具有相互衝突的鉤子。我會採取一個，並建立它。你很少能夠複製和轉儲代碼並使其完美工作。另外，我建議你使用最新的jquery版本。它應該是向後兼容的。加載jquery兩次肯定是在尋求麻煩。 – ProfileTwist

他使用的插件 - 你不能告訴他只是使用1版本的jQuery，而不知道插件是否需要特定的版本。做出假設是沒有幫助的。 – Archer

-1

與所有其他圖書館包括一次Ĵ查詢標準librery。

<script src="jqzoom/js/jquery-1.6.js" type="text/javascript"></script> 
<script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script> 
<link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css"> 
<script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script> 
<script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script> 
    <script src="booklet/jquery.easing.1.3.js"></script> 
    <script src="booklet/jquery.booklet.latest.js"></script> 

<script> 
$(function() {  
      $('.jqzoom').jqzoom({ 
      zoomType: 'standard', 
      lens:true, 
      preloadImages: false, 
      alwaysOn:true 
     }); 

     $("#mybook").booklet(); 
}); 
</script>

來源

2014-04-28 08:30:26

看起來小冊子插件需要jQuery 2. 1.6版本肯定不夠。 – Archer

您正在添加在第一腳本和4 2個JS庫到所述第二腳本。所有的庫都必須運行它們各自的腳本。

這裏的一個問題是，你添加jQuery兩次是1.6和2.1。這是不必要的。

嘗試做這樣的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
    <script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
    <script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script> 
    <script src="booklet/jquery.easing.1.3.js"></script> 
    <script src="booklet/jquery.booklet.latest.js"></script> 

    //required for first script 
    <script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css"> 
    //------------- 

    <script> 
     $(function() {  
      //this is your second script 
      $("#mybook").booklet(); 

      //this is your first script 
      $(function() {  
       $('.jqzoom').jqzoom({ 
       zoomType: 'standard', 
       lens:true, 
       preloadImages: false, 
       alwaysOn:true 
      }); 

     }); 
    </script>

這應該讓你的第二個腳本運行。如果第一個沒有運行，那麼這意味着'jqzoom'插件與jQuery 2.1不兼容。

來源

2014-04-28 09:58:20

舊版jQuery版本的大多數問題都在Migrate Plugin中解決，你應該檢查一下。

只需添加最新版本，該插件和腳本理論上應該可以工作。

來源

2014-04-28 10:39:31

合併兩個jquery腳本

回答

相關問題