jQuery Masonry在我的脚本中不起作用

jQuery Masonry not working in my script

本文关键字：不起作用 脚本 我的 Masonry jQuery      更新时间：2023-12-17

我连一点点砖石都做不动。我简直难以置信！这是代码：

<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源代码，这些文件位于正确的位置。但什么都没发生——这里怎么了？

问题的示例

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

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

如果你要按照你的方式（而不是谷歌）来做，你必须确保src路径实际上指向JavaScript文件。

相关文章：