jquery - jQuery masonry 插件未激活

Question

我正在尝试实现 jquery masonry images 插件，它似乎设置正确，但它不起作用！

我使用浏览器进行了调试，没有看到任何错误。

我可能做错了什么？代码如下。谢谢。费萨尔

<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>

Answer 1

我可以从您的代码中看到的唯一问题是这一行：

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

您尚未在指向 jQuery 文件的链接的开头添加“http:”。不应该是：

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

您可以上传页面的 jsFiddle 版本吗？