関数を呼び出すと、一度のインスタンスでは動作しますが、別のインスタンスでは動作しません。

Question

私の人生はわかりません。なぜなら、次のクリックをクリックして次のボタンをクリックすると、

$ slideNumberは1 2 3または4の値を持ちますが、これは私に警告を使用して知らせています。

基本的にはrotate（）をトリガーしません。 2番目のもので

クリック数は1つが完全に動作します。

//Paging + Slider Function 
rotate = function() { 

    var triggerID = $slideNumber - 1; //Get number of times to slide 
    var image_reelPosition = triggerID * divWidth; //Determines the distance the image reel needs to slide 


    //Slider Animation 
    $(".image_reel").animate({ 
     left: -image_reelPosition 
    }, 500); 
}; 

//click on numbers (this one works) 
$(".paging a").click(function() { 
    $active = $(this); //Activate the clicked paging 
    $slideNumber = $active.attr("rel"); 
    rotate(); //Trigger rotation immediately 
    return false; //Prevent browser jump to link anchor 
}); 



//click on next button (this one does not work) 
$('#next').click(function() { 
    var left_indent = parseInt($('.image_reel').css('left')) - divWidth; 
    var slideNumberOn = (left_indent/divWidth); 
    var slideNumber = ((slideNumberOn * -1) + 1); 
    $slideNumber = slideNumber; 
    rotate(); //Trigger rotation immediately 
    return false; //Prevent browser jump to link anchor 
}); 

HTML：divWidthと$slideNumberが#nextクリックハンドラ内で定義されている

<div class="paging"> 
       <a href="#" rel="1">one</a> 
       <a href="#" rel="2">two</a> 
       <a href="#" rel="3">three</a> 
       <a href="#" rel="4">for</a> 
      </div> 

      <div class="nav"> 
       <a id="prev" class="active" href="#">prev</a> 
       <a id="next" class="active" href="#">next</a> 
      </div> 

Answer 1

2番目のクリック機能が途中でエラーになっているようです。関数の先頭にステートメントを入れてみてください。あなたがそれらを置くことができれば、1つが印刷され、次のエラーが出る場合、あなたはバグがどこにあるかを発見しました。

Answer 2

？そのため、エラーをスローし、実行する次のステートメントに到達することはありません。