jQueryjQのアラートについて

Question

jQueryについて教えてください。

やりたいことが少し複雑なので、何をしたいのかの説明は省略させて頂きます。

下記コードの指摘箇所が動かない理由が知りたいです。

alert(mlll)についてですが、
$('#botomRightOn'）をクリックした時にはアラートが出るのですが、
$("#botomLeftOn")をクリックした時にはアラートが出ません。

指定したセレクタのクリックイベント内にvar mlllの定義をしなくてはダメなのか？と思い、試しに$("#botomLeftOn")内にも定義してみましたが、やはり動きませんでした。

他追加情報が必要な場合はおっしゃってください。

宜しくお願いします。

$('#botomRightOn').on('click',function(){
  if(count < 6){
  var ml = -780 * count;
  alert(count)
  alert(ml)
  $("#slideBottom ul").animate({
    'marginLeft':ml + 'px'
  },1000);

count = count + 1;

var mlll = ml + 780;
alert(mlll);←動きます
}});


$("#botomLeftOn").on('click',function(){
  alert('qq');←動きます
 alert(mlll);←動きません
})

Comments

[m.ts10806]

htmlもご提示ください。また「動かない」は何が起きているのか具体的に記載願います。エラーが出ていればエラーメッセージも。

Answer 1

これで動かないですかね？
mlllは他のところでも使うなら、どこでも使えるところで宣言してください。

var mlll;//宣言はこっちに移動

$('#botomRightOn').on('click',function(){
  if(count < 6){
  var ml = -780 * count;
  alert(count)
  alert(ml)
  $("#slideBottom ul").animate({
    'marginLeft':ml + 'px'
  },1000);

count = count + 1;

mlll = ml + 780;
alert(mlll);
}});


$("#botomLeftOn").on('click',function(){
  alert('qq');
 alert(mlll);
})

Comments

[kato00]

ありがとうございます！mlllの宣言の場所を変えたらアラート表示されました！！