2012-04-27 81 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