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とclassesを見ることができますが、何も効果がありません。

     <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 に答える