jqueryのmasonryが、ie8のみ効かずに困っています。
MacやwindowsのchromeやIE9以上では、問題なく表示されます。
自分なりに調べてみて、記述方法を色々試してみましたが直りません。
どうすれば表示されるようになるのでしょうか。
どなたかご教授いただけると、有難いです。
どうがよろしくお願いします。
html
1<script type="text/javascript" src="../common/js/jquery-1.11.1.min.js"></script> 2<script type="text/javascript" src="../common/js/masonry.pkgd.min.js"></script> 3<!--[if lt IE 9]> 4<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> 5<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> 6<![endif]--> 7 8<script> 9$(window).load(function(){ 10$('.listbox').masonry({ 11 itemSelector: '.item', 12 FitWidth: true, 13 isAnimated: true 14}); 15}); 16</script> 17 18 19 <ul class="listbox"> 20 <li class="item"></li> 21 <li class="item"></li> 22 <li class="item"></li> 23 <li class="item"></li> 24</ul>
自分で試してみた記述は以下です。
html
1(function($){ 2 // ここにコードを記述 3})(jQuery);
html
1jQuery(document).ready(function($){ 2 // ここにコードを記述 3});
html
1jQuery(function() { 2// ここにコードを記述 3});
html
1jQuery(document).ready(function($){ 2 $(document).ready(function(){ 3 // ここにコードを記述 4 }); 5});
html
1jQuery(document).ready(function($){ / 2 jQuery(document).ready(function(){ 3 // ここにコードを記述 4 }); 5})
html
1<script> 2jQuery.event.add(window, "load", function(){ 3 $("#sreviwe").masonry() 4}); 5</script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/19 05:59 編集