Question

所以我在我的tumblr主题上使用了stylehatch的'Photoset-grid'插件而没有错误！我有这样的设置：

<script>
    $(document).ready(function() {                
        $('.photoset-grid').photosetGrid({
            gutter: '5px',
            highresLinks: true,
        });
    });
</script>

我的照片集块的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}

它非常有用！

当我添加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}

并且View.js可以工作，但网格都搞砸了并且错位了。（我认为网格插件正在寻找“photoset-grid”div中的图像，但只是找到了链接，或类似的东西）

知道我能做些什么才能让它正常工作？这是我网站的现场演示： http://test-theme-one.tumblr.com/

Stylehatch的'Photoset-Grids'与'View.js'不起作用？

0 个答案: