Question

我甚至无法使用最轻微的砌体工作。我很难过！这是代码：

<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源代码，文件位于正确的位置。但没有任何反应 - 这里有什么不对？

Answer 1

example of your issue

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

Answer 2

当您在页面中包含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文件。

jQuery Masonry在我的脚本中没有工作

2 个答案: