2012-04-27 21 views
0

jquery masonry imagesプラグインを実装しようとしていますが、セットアップが正しいようですが、動作していません!jQuery masonryプラグインが有効化されていません

私のブラウザを使用してデバッグしましたが、エラーは見られませんでした。

私は間違っていますか?コードは以下のとおりです。ありがとう。あなたは「のhttp:」を追加していない

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 

:あなたのリンクの先頭にあなたのjQueryのファイルにファイサル

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="/assets/jquery.js"></script> 
<script src="/assets/jquery.masonry.min.js"></script> 
<style> 
.item { 
width: 200px; 
.... } 

</style> 
<div id="container"> 
<div class="item"> 
.... 
</div> 

<script> 
$(function(){ 
    var $container = $('#container'); 
    $container.imagesLoaded(function(){ 
     $container.masonry({ 
     itemSelector : '.tile', 
     columnWidth : 240 
     }); 
    }); 
}); 
</script> 
</div> 

答えて

0

私はあなたのコードから見ることができる唯一の問題は、このラインです。それではいけません:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 

あなたのページのjsFiddleバージョンをアップロードできますか?

+0

ここにjsFiddleリンクがあります:http://jsfiddle.net/UcWtg/私はスタイリングのためにブートストラップを使用しています。 – hikmatyar

関連する問題