爲什麼這個JQuery插件不起作用？

我試圖讓這個網格圖像組織者插件在我的博客上工作，但我似乎無法找到一種方法來做到這一點。爲什麼這個JQuery插件不起作用？

顯然，我需要做的就是把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>

我在做什麼錯？

來源

2013-10-23 Renato Araújo

你看在你的瀏覽器錯誤控制檯或調試器控制檯的腳本錯誤？當事情不起作用時，這幾乎總是你應該做的第一件事。 – jfriend00

在這一行：

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

修復：

</script>

...忘了r :)

編輯

它看起來像每個<img/>標籤需要成爲insi de <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>

來源

2013-10-23 02:56:10

只是修復它，但它仍然不會工作：/ –

更新了答案。它現在似乎在爲我工作。 –

非常感謝。有效！ –

爲什麼這個JQuery插件不起作用？

回答

相關問題