masonryがie8のみ動かない

Question

jqueryのmasonryが、ie8のみ効かずに困っています。
MacやwindowsのchromeやIE9以上では、問題なく表示されます。
自分なりに調べてみて、記述方法を色々試してみましたが直りません。
どうすれば表示されるようになるのでしょうか。
どなたかご教授いただけると、有難いです。
どうがよろしくお願いします。

<script type="text/javascript" src="../common/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../common/js/masonry.pkgd.min.js"></script>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<script>
$(window).load(function(){
$('.listbox').masonry({
	itemSelector: '.item',
	FitWidth: true,
	isAnimated: true
});
});
</script>


 <ul class="listbox">
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
</ul>

自分で試してみた記述は以下です。

(function($){
  // ここにコードを記述
})(jQuery);

jQuery(document).ready(function($){
    // ここにコードを記述
});

jQuery(function() {
// ここにコードを記述
});

jQuery(document).ready(function($){ 
  $(document).ready(function(){
      // ここにコードを記述
  });
});

jQuery(document).ready(function($){ /
  jQuery(document).ready(function(){
      // ここにコードを記述
  });
})

<script>
jQuery.event.add(window, "load", function(){ 
	$("#sreviwe").masonry()	
});
</script>

Answer 1

Browser support

Masonry v4 supports IE10+, Android 4+, Safari for iOS 5+, Firefox 16+, and Chrome 12+.

For IE8+ and Android 2.3 support, try Masonry v3.

http://masonry.desandro.com/extras.html

公式サイトの記載を見るとバージョン4からIE8はサポート外になっているようですね。
Masonry v3を試してみてねとのことです。

Comments

[korokorota]

ありがとうございます！！
バージョン3にしたら直りました！
こんなにすぐに回答いただき、直ってとても有難いです。
本当にありがとうございました！