Javascript TypeError:container.montage不是函数max:300
我有以下Javascript TypeError:container.montage不是函数max:300,javascript,jquery,Javascript,Jquery,我有以下Jquery代码,这是一个错误 $container.montage不是一个函数 我遵循这一点,我的浏览器没有显示任何其他错误。我已经检查过我正在从FireBug加载所需的库,但仍然无法找出这里的错误 $(function() { var $container = $('#am-container'), $imgs = $container.find('img').hide(), totalImgs = $imgs.length,
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'));
});
});
$(函数(){
var$container=$(“#am container”),
$imgs=$container.find('img').hide(),
totalImgs=$imgs.length,
cnt=0;
$imgs.每个(功能(i){
var$img=$(本);
$('
这是我的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(您可能已经有):
要加载jQuery蒙太奇插件,请执行以下操作:
<script type="text/javascript" src="js/jquery.montage.min.js"></script>
src=“js/jquery.montage.min.js”
需要正确确定文件的位置。使用该路径,您可以将其上载到web服务器上名为js
的文件夹中。您是否在自定义脚本之前加载了蒙太奇库?@NatZimmermann:是的,我的朋友,我只想问一件事,
是否允许这样声明变量var$container=$(“#am container”)
是的,我几天前才知道这一点,但它确实很有帮助。@NatZimmermann:那么这就是导致错误的原因,一旦我用1.9.x替换它,它就被删除了。从1.8.3更改为1.9.n不会影响变量。蒙太奇插件是否需要1.9.n?
<script type="text/javascript" src="js/jquery.montage.min.js"></script>