【やりたいこと】
SMLボタンを押すと、body全体の文字サイズを変更したい
【課題】
$(this).index()で,S=0,M=1,L=2で取得できているものの
if文で条件分岐をして、実際にボタンを押すと
__「Sを押すと16px、MLを押すと12px、Mを押してからLを押すと反応しない(逆も然り)」という状態です。
【質問】
問題はif文にあるのでしょうか?
もっと良いコードもあるかと思いますが、この事象を解明したく質問させていただきました。
【追記】
_thisをif文の中で使っていないのは、元々if文で
if(_this = $(this).index(0))
と使用していたのですが、上手くいかなかったため残っております。。
JS
1$(function(){ 2 $('header li').on('click',function() { 3 var _this = $(this).index(); 4 if($(this).index(0)) { 5 $('body').css('font-size','12px'); 6 } else if ($(this).index(1)) { 7 $('body').css('font-size','16px'); 8 } else if ($(this).index(2)) { 9 $('body').css('font-size','22px'); 10 } 11 }) 12});
HTML
1<header> 2 <ul> 3 <li><a href="#">S</a></li> 4 <li><a href="#">M</a></li> 5 <li><a href="#">L</a></li> 6 </ul> 7</header>
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/20 09:03