javascript - TypeError : container. 蒙太奇不是函数最大值:300

Question

我有以下Jquery代码，它是一个错误

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

Answer 1

在 HTML 文档中，在其余代码之前应该有与以下类似的行。

加载 jQuery(您可能已经拥有):

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

加载 jQuery Montage 插件:

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

src="js/jquery.montage.min.js" 需要正确反射(reflect)文件所在的位置。使用该路径，您可以将其上传到网络服务器上名为 js 的文件夹中。