我试图使用jQuery瀑布来显示数据3列，但它不起作用。
在标题html上，我添加了一个加载的脚本
https://github.com/dfcreative/jquery.waterfall
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js?ver=1.3.2" type="text/javascript">
<script src="/themes/classic/js/zepto.js" type="text/javascript">
<script src="/themes/classic/js/jquery.waterfall.js" type="text/javascript">
该页面还有一个脚本功能：
<script type="text/javascript">
$(function(){
$('.some-container').waterfall({
autoresize: true
})
})
</script>
我想显示数据：
<div class="waterfall">
<div>hello data 1</div>
<div>
hello data 2
hello data 2
</div>
<div>
hello data 3
hello data 3
hello data 3
</div>
<div>
hello data 4
hello data 4
hello data 4
hello data 4
</div>
<div>
hello data 5
hello data 5
hello data 5
hello data 5
hello data 5
</div>
</div>
我希望你能帮助我用jQuery瀑布在3列中显示数据。非常感谢！
首先，不要把脚本放在头上：javascript链接放在哪里
第二，瀑布里似乎发生了一些奇怪的事情。医生说：
colMinWidth:240px最小列宽(以像素为单位)，用作计算列数的基础。目前只接受像素值。如果值未定义，它首先尝试解析css最小宽度，如果失败，它将下降到默认的240px。
但是，使用它会将colMinWidth默认为0。奇怪的
但不要放弃您可以在构造函数中指定自己的默认值：
$('.some-container').waterfall({
colMinWidth: 150,
autoresize: true
});
因此，以下内容应该对您有效。只需确保所有路径都是正确的，并在主体中或之后添加脚本，即可使瀑布发挥作用。此外，您可能希望像上面所做的那样删除根引用，并将文件放在您可以访问的位置：
<script src="/themes/classic/js/zepto.js" type="text/javascript">
^^^
别忘了结尾的脚本标签。。。
解决方案：
<html>
<head>
<title> waterfall test </title>
</head>
<body>
<div class="some-container">
<div>hello data 1</div>
<div>
hello data 2
hello data 2
</div>
<div>
hello data 3
hello data 3
hello data 3
</div>
<div>
hello data 4
hello data 4
hello data 4
hello data 4
</div>
<div>
hello data 5
hello data 5
hello data 5
hello data 5
hello data 5
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="themes/classic/js/zepto.js" type="text/javascript"></script>
<script src="themes/classic/js/jquery.waterfall.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.some-container').waterfall({
colMinWidth: 150,
autoresize: true
});
})
</script>
</body>
</html>