JavaScript的砌築工作不

您好所有我有一個問題與JavaScript磚石下面是代碼，這只是一個試件請幫我....JavaScript的砌築工作不

我曾嘗試這個代碼，但是這是不工作，請幫助我.. 在此先感謝..

任何幫助表示讚賞...

<html> 

<head> 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="http://masonry.desandro.com/jquery.masonry.min.js"> </script> 
<script type="text/javascript" src="https://raw.github.com/desandro/imagesloaded/master/jquery.imagesloaded.min.js"></script> 

<script type="text/javascript"> 

$(document).ready(function() { 

var $container = $('.portfolio-container'); 
    $container.imagesLoaded(function(){ 
    $container.masonry({ 
     itemSelector : '.break', 
     columnWidth : 129 
    }); 
}); 

}); 
</script> 

<style type="text/css"> 
.break { 
float: left; 
width: 129px; 
margin: 3px; 
background-color:blue; 

} 
.break1{height:30px;} 
.break2{height:50px;} 
.break3{height:20px;} 
.break4{height:70px;} 
</style> 

</head> 

<body> 

<div class="portfolio-container"> 

<?php 
     for ($i=1; $i<9; $i++){ 
     ?> 
      <div class="break1 break" > 

      </div><div class="break2 break" > 

      </div><div class="break3 break"> 

      </div><div class="break4 break" > 

      </div> 
     <?php } ?> 

</div> 

</body> 

</html>

來源

2013-10-07 user2701926

這是代碼，只是一個測試。真實的東西在哪裏？ –

js tag

相關問題