###前提・実現したいこと
jQuery初心者です。
あるjQueryを横幅が750px以下の時のみ作動させたいのですが
うまく実装できないため質問させていただきます<(_ _)>
###該当のソースコード
750px以下でのみ作動させたいのjQueryの内容:
「続きを読む」テキストをクリックしたらテキストがスライドされながら表示される
下記ページで紹介されているコードを用いています。
http://coolwebwindow.com/jquery-lab/archives/473
<script> $(function(){ $('.more').each(function(){ var $ele = $(this); $ele.prepend('<div class="open"><a href="#">▼ read more..</a></div>'); $ele.append('<div class="close"><a href="#"> × close</a></div>'); $ele.find('.open').nextAll().hide(); $ele.find('.open').click(function(){ $ele.find('.open').hide(); $ele.find('.open').nextAll().slideDown(); return false; }); $ele.find('.close').click(function(){ $ele.find('.open').nextAll().slideUp('slow', function() { $ele.find('.open').show(); }); return false; }); }); }); </script>
###試したこと
下記を組み込もうとしたのですがうまくいきませんでしたotz
<script> $(window).resize(function(){ var w = $(window).width(); var x = 750; if (w <= x) { }); } else { }); } }); </script>
まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。
回答1件
あなたの回答
tips
プレビュー