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

【问题标题】：Why this JQuery plugin won't work?为什么这个 JQuery 插件不起作用？
【发布时间】：2013-10-23 02:53:18
【问题描述】：

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

显然，我需要做的就是放置 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>

我做错了什么？

【问题讨论】：

您是否在浏览器错误控制台或调试器控制台中查看过脚本错误？当事情不起作用时，这几乎总是你应该做的第一件事。

标签： jquery image plugins grid

【解决方案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>

【讨论】：