我正在尝试在我的网站上使用David DeSandro的Masonry插件(http://masonry.desandro.com/)。按照说明尽我所能 - 该网站似乎在IE中运行良好,但在任何其他浏览器中都不行。
我的default.master.tpl中的html(javascript)在我的Vanilla论坛的自定义主题中:
{literal}
<script type="text/javascript" charset="utf-8" src="/themes/danca/js/masonry.pkgd.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$(".DataList").masonry();
});
</script>
{/literal}
我添加了{literal} bc它是一个.tpl文件。这只是底部部分,整个.tpl文件列出了网页的格式,包括#Body #Content等。
CSS:
#Body {
width: 960px;
text-align: left;
margin: 15px auto 55px;
}
.Discussions.index .Item {
width: 307px;
display: inline-block;
}
此砌体插件位于容器.DataList
下,并根据项.Item
进行分组
我的练习网站是:http://idenitties.com/