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


  $ container.montage不是函数


我正在遵循此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>

最佳答案

在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"必须与文件所在的位置正确。使用该路径,您可以将其上传到Web服务器上名为js的文件夹中。

10-04 22:04