2012-04-27 85 views
0

我試圖實現jQuery砌體圖像插件,它似乎設置正確,但它不工作!未啓用jQuery砌體插件

我用我的瀏覽器調試過,沒有看到任何錯誤。

我會做什麼錯?代碼如下。謝謝。費薩爾

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="/assets/jquery.js"></script> 
<script src="/assets/jquery.masonry.min.js"></script> 
<style> 
.item { 
width: 200px; 
.... } 

</style> 
<div id="container"> 
<div class="item"> 
.... 
</div> 

<script> 
$(function(){ 
    var $container = $('#container'); 
    $container.imagesLoaded(function(){ 
     $container.masonry({ 
     itemSelector : '.tile', 
     columnWidth : 240 
     }); 
    }); 
}); 
</script> 
</div> 

回答

0

我可以從你的代碼中看到的唯一問題是這一行:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 

你還沒有添加一個「HTTP:」您路段始到您的jQuery文件。它不應該是:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 

你能上傳一個jsFiddle版本的頁面嗎?

+0

這裏是jsFiddle鏈接:http://jsfiddle.net/UcWtg/。我使用bootstrap進行造型。 – hikmatyar 2012-04-27 08:56:59