TypeError: container.montage不是函数max: 300

Question

我有下面的Jquery代码，这是一个错误

$container.montage不是一个函数

我正在跟踪这个图书馆，我的浏览器没有显示任何其他错误。我已经检查过了，我正在从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>

Answer 1

在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的文件夹中。