Javascript Stylehatch';s';Photoset网格';与';View.js';不工作?
所以我在tumblr主题上使用stylehatch的“Photoset grids”插件,没有任何错误! 我有这样的设置:Javascript Stylehatch';s';Photoset网格';与';View.js';不工作?,javascript,jquery,html,tumblr,Javascript,Jquery,Html,Tumblr,所以我在tumblr主题上使用stylehatch的“Photoset grids”插件,没有任何错误! 我有这样的设置: <script> $(document).ready(function() { $('.photoset-grid').photosetGrid({ gutter: '5px', highresLinks: true, }); });
<script>
$(document).ready(function() {
$('.photoset-grid').photosetGrid({
gutter: '5px',
highresLinks: true,
});
});
</script>
$(文档).ready(函数(){
$('.photoset grid').photoset grid({
排水沟:“5px”,
highresLinks:没错,
});
});
我的photosets块的html是:
{block:Photoset}
<div class="photoset-grid" data-layout="{PhotosetLayout}">
{block:Photos}
<img src="{PhotoURL-500}"/>
{/block:Photos}
</div>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Photoset}
{块:照片}
{/block:Photos}
{块:标题}
{标题}
{/block:Caption}
{/block:Photoset}
它工作得很好
当我添加view.js时,问题就开始了。你看,view.js要求每个图像都被包装在一个链接中,但是包装在“photoset grid”div中的图像不知何故阻止了插件
我将我的html更新为:
{block:Photoset}
<div class="photoset-grid" data-layout="{PhotosetLayout}">
{block:Photos}
<a href="{PhotoURL-500}" class="view" rel="{PostID}">
<img src="{PhotoURL-500}"/>
</a>
{/block:Photos}
</div>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Photoset}
{块:照片}
{/block:Photos}
{块:标题}
{标题}
{/block:Caption}
{/block:Photoset}
和View.js都可以工作,但是网格都是混乱和错误对齐的。(我认为网格插件正在“photoset grid”div中查找图像,但只查找链接或类似的内容)
你知道我该怎么做才能让它正常工作吗?以下是我的网站的现场演示: