1

我什至无法让丝毫的砌体工作。我脑洞大开！这是代码：

<LINK rel="Stylesheet" href="App_Themes/Theme1/Style.css"  type="text/css">
<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js" />
<script src="Scripts/jquery.masonry.min.js" />
<script src="Scripts/modernizr-transitions.js" />
<script src="Scripts/box-maker.js" />
<script>
    $(function () {
        var $container = $('#container');
        $('#mini-container').masonry({
            columnWidth: 20
        });
        $container.masonry({
            itemSelector: '.w1',
            columnWidth: 120,
            isAnimated: true,
            gutterWidth: 2,

            animationOptions: {
                durantion: 750,
                easing: 'linear',
                queue: false
            }
        });

        $container.masonry({
            itemSelector: '.mini',
            columnWidth: 120
        });

        $container.masonry({
            itemSelector: '.myImages',
            columnWidth: 120,
            isAnimated: true
        });
    });
</script>

这里只是 html 的一个片段，因此您可以看到 div id 和类 - 但没有任何效果。

     <div id="container">
    <div class="mini">
    <p class="w1 h1">Lorem etc.... you know the text</p>
     <div class="myImages">
     <img id="image1" src="Images/green1.jpg" />
     </div>
 <p class="w1 h1">Lorem etc.... you know the text</p>
    <div class="myImages">
     <img id="Img1" src="Images/Marcia_02.jpg" />
     </div>
     <p class="w1 h1">Lorem etc.... you know the text </p>
</div>

我剪掉了很多文字，所以你可以看到标签名称。根据我的 JavaScript 源文件，这些文件位于正确的位置。但什么也没有发生 - 这里有什么问题？

4

2 回答 2

1

你的问题的例子

您应该正确关闭脚本标签，例如：<script src=""></script>

于 2012-07-21T21:52:30.280 回答
0

当您在页面中包含 JavaScript 文件时，它应该如下所示：

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

如果您打算按照您的方式进行操作（不是来自 Google），您必须确保src路径实际上指向 JavaScript 文件。

于 2012-07-21T23:26:56.113 回答