Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 砌体不起作用(但在www.jsfiddle.net中工作良好)_Javascript_Jquery Masonry - Fatal编程技术网

Javascript 砌体不起作用(但在www.jsfiddle.net中工作良好)

Javascript 砌体不起作用(但在www.jsfiddle.net中工作良好),javascript,jquery-masonry,Javascript,Jquery Masonry,正如标题所说,我在wordpress网站的某些部分实现了砖石结构 您可以查看并找到下图: 在上图中,这就是我试图实现砖石结构的地方 此处的砌体规范: $(窗口).load(函数(){ $('.tentofifteen')。砌体({ //选择权 itemSelector:“.grid项”, 列宽:1, }); }); .grid项{ 浮动:左; } .grid superloop十{宽度:319px;最小高度:700px;背景:#CCC;} .grid superloop十一{宽度:220p

正如标题所说,我在wordpress网站的某些部分实现了砖石结构

您可以查看并找到下图:

在上图中,这就是我试图实现砖石结构的地方

此处的砌体规范:

$(窗口).load(函数(){
$('.tentofifteen')。砌体({
//选择权
itemSelector:“.grid项”,
列宽:1,
});
});
.grid项{
浮动:左;
}
.grid superloop十{宽度:319px;最小高度:700px;背景:#CCC;}
.grid superloop十一{宽度:220px;最小高度:350px;背景:#009;}
.grid superloop十二{宽度:437px;最小高度:350px;背景:#F36;}
.grid superloop十三{宽度:337px;最小高度:350px;背景:#CC9;}
.grid superloop十四{宽度:319px;最小高度:350px;背景:#0F0;}

在您发布的代码中,您将加载两次。 在您的站点上,您在jQuery之前加载massy,但使用jQuery函数调用它,因此您需要像这样加载脚本,而不是像现在这样加载脚本

<script src="https://code.jquery.com/jquery-2.1.3.js" type="text/javascript" language="javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js" type="text/javascript"></script>

顺便说一句,您的站点正在加载2个版本的jQuery,1.11.3和2.1.3。您只需要加载一个