我有以下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
的文件夹中。