Question

我正在尝试让这个网格图像管理器插件在我的博客上运行，但我似乎无法找到它的方法。

显然我需要做的就是把jquery src引用，jquery插件src引用，并调用该插件将被应用的某个div的函数。

这是我正在尝试应用它的代码：

<html>

<head>

<style>

</style>

<script src = "http://code.jquery.com/jquery-2.0.3.js"> </script>
<script src = "http://f.cl.ly/items/0O3A2k2d3K360u34473D/grid-a-licious.js"> </scipt>
<script>

$(document).ready(function(){
  $("#container").gridalicious();
});

</script>


</head>

<body>

<div id = "container">
<img src= "http://24.media.tumblr.com/tumblr_kzjlfiTnfe1qz4rgho1_500.jpg"/>  
<img src= "http://24.media.tumblr.com/tumblr_lwh5eeaHae1qgf9y4o1_500.gif"/>  
<img src= "http://24.media.tumblr.com/tumblr_lw3xaouWBm1qjg75jo1_500.jpg"/>  
<img src= "http://25.media.tumblr.com/tumblr_m2i55maEmI1qdqv28o1_500.png"/>  
<img src= "http://25.media.tumblr.com/tumblr_m2g0fpyDgn1r7j6ouo1_500.gif"/>  
<img src= "http://24.media.tumblr.com/tumblr_m56ffozeAb1r3qiz4o1_500.gif"/>  
</div>

</body>
</html>

我做错了什么？

Answer 1

在这一行：

<script src = "http://f.cl.ly/items/0O3A2k2d3K360u34473D/grid-a-licious.js"> </scipt>

修正：

</script>

...忘了r：）

编辑

<img/>标记看起来都需要位于<div/>内，类item。试试这个<body/>：

<body>    
    <div id = "container">
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_kzjlfiTnfe1qz4rgho1_500.jpg"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_lwh5eeaHae1qgf9y4o1_500.gif"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_lw3xaouWBm1qjg75jo1_500.jpg"/>
        </div>
        <div class="item">
            <img src= "http://25.media.tumblr.com/tumblr_m2i55maEmI1qdqv28o1_500.png"/>
        </div>
        <div class="item">
            <img src= "http://25.media.tumblr.com/tumblr_m2g0fpyDgn1r7j6ouo1_500.gif"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_m56ffozeAb1r3qiz4o1_500.gif"/>
        </div>
    </div>
</body>

为什么这个JQuery插件不起作用？

1 个答案: