2014-04-22 67 views
1

我有以下Jquery代碼,它是一個錯誤類型錯誤:container.montage不是一個函數最大值:300

$container.montage is not a function

我下面這個library,我的瀏覽器沒有顯示任何其他錯誤。我已經檢查過我是從FireBug加載所需的庫,但仍然無法弄清楚這裏有什麼問題。

$(function() { 
    var $container = $('#am-container'), 
      $imgs = $container.find('img').hide(), 
      totalImgs = $imgs.length, 
      cnt = 0; 

     $imgs.each(function(i) { 
      var $img = $(this); 
      $('<img/>').load(function() { 
       ++cnt; 
       if (cnt === totalImgs) { 
        $imgs.show(); 
        $container.montage({ 
         fillLastRow: true, 
         alternateHeight: true, 
         alternateHeightRange: { 
          min: 75, 
          max: 300 
         } 
        }); 

        /* 
        * just for this demo: 
        */ 
        $('#overlay').fadeIn(500); 
       } 
      }).attr('src', $img.attr('src')); 
     }); 

    }); 

這是我的HTML

<div class="main-gallary"> 
    <div class="container"> 
     <div id="am-container" class="am-container"> 
      <a href="#"> 
      <img class="ui-draggable" src="images/gallary/img-1.jpg" style="display: inline; position: relative;"> 
      </a> 
      <a href="#"> 
      <a href="#"> 
    </div> 
    </div> 
</div> 
+0

您是否在自定義腳本之前加載蒙太奇庫? – ntzm

+0

@NatZimmermann:是的,我的朋友,我只想問一件事,''src =「// ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js」>'允許變量聲明像這樣'var $ container = $('#am-container')' –

+1

是的,它確實 - 我只在前幾天瞭解到,但它確實有幫助。 – ntzm

回答

0

在HTML文檔,你應該也有類似的行到你的代碼的其餘部分之前以下。

要加載的jQuery(這很可能已經):

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

要加載的jQuery插件蒙太奇:

<script type="text/javascript" src="js/jquery.montage.min.js"></script> 

src="js/jquery.montage.min.js"需求成爲該文件位於正確的。使用該路徑,您可以將其上傳到Web服務器上名爲js的文件夾。

相關問題