Javascript Stylehatch';s';Photoset网格';与';View.js';不工作?

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, }); });

所以我在tumblr主题上使用stylehatch的“Photoset grids”插件,没有任何错误! 我有这样的设置:

<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中查找图像,但只查找链接或类似的内容)

你知道我该怎么做才能让它正常工作吗?以下是我的网站的现场演示: