jQuery砌體不能在我的腳本中工作

我無法獲得即使是最細微的砌體工作。我心裏很難受！下面是代碼：jQuery砌體不能在我的腳本中工作

<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來源，文件位於正確的位置。但沒有任何反應 - 這裏有什麼問題？

來源

2012-07-21 Argyle Ghost

在[JS Fiddle]（http://jsfiddle.net/），[JS Bin]（http://jsbin.com/）或類似的地方放一個演示，並重現問題，以便我們可以看到發生了什麼，或不是。順便說一下，'腳本'標籤不是自閉的無效或空的元素。 – 2012-07-21 21:51:31

也許它的你的自閉腳本標籤 – Musa 2012-07-21 21:51:49

謝謝你！我很習慣.net，有時我會忘記這樣的事情。謝謝！！！我改變了自封閉的javascript標籤，頁面完全改變了。當然，它看起來不像我正在瞄準的jquery masonry，但至少這是一個開始。非常感謝你 – 2012-07-22 01:37:19

example of your issue

你應該正確地關閉腳本標記，如：<script src=""></script>

來源

2012-07-21 21:52:30

非常感謝你。那就是訣竅......自封的JavaScript標籤。哈哈哈，哎呀。對於這樣一個愚蠢的事情感到頭痛。：D – 2012-07-22 01:52:13

@ArgyleGhost :)不用擔心！發生在所有 – 2012-07-22 20:21:54

當您在您的網頁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-21 23:26:56

jQuery砌體不能在我的腳本中工作

回答

相關問題