javascriptはブレークポイントでのみ実行されます

Question

JSとjQueryには本当に奇妙な問題があります。私はブレークポイントを追加するとき

$('#skip').click(function(e) { 
    savePhoto('skip'); 
    showNextPlace(); 
    photo_changed = 0; 
    return false; 
}); 

showNextPlace()とphoto_changed = 0;にのみ実行されます。 savePhoto();のコードは非常に基本的です。私は、places配列の要素の数とステータスに応じてリクエストを送信します。

function savePhoto(status) 
    { 
     if (places.length <= 5) 
     { 
      // load more places 
      $('#loadmore').val('1'); 
     } 

     // Don't send a request on skip unless we need more places 
     if (status != 'skip' || $('#loadmore').val() == 1) 
     { 
      $.ajax({ 
       url: "url" + status, 
       cache: false, 
       data: $('#form_photo').serialize(), 
       success: function(results){ 
        // dont load more places until we have few 
        $('#loadmore').val('0'); 

        if (results != '[]') 
        { 
         for (var i in results) 
         { 
          places.push(results[i]); 
         } 
        } 
       } 
      }); 
     } 
    } 

なぜこのようなことが起こるか、どうすれば問題をよりよくデバッグできますか？ブレークポイントがある間

Answer 1

問題はAJAX呼び出しに関連していませんでした。コードの別の部分では、ユーザーが保存ボタンを押すたびにイメージフィールドにイベントをバインドしていました（2回目のコード実行で2回目、3回目など）。バインドを解除することを忘れないでください！

また、skipをクリックしても、クロージャ& saveプラグインが実行されていたので、いくつかのコントロール変数を追加しました。

解決方法：ロジックが実行できるすべてのパス上のconsole.log（）。

Answer 2

非同期XHRコール

$.ajax({ ... }) 

はおそらく到着されていますが、ブレークポイントで実行されないとき、そのコードに達したときに、XHRリクエストは、飛行中のままです。

多分、場所がロードされた後の次の場所を示す$ .ajax呼び出しのコールバックが必要です。

ブールneedsToShowNextPlaceが真である、と示すために何の次の場所がない場合、それが呼び出された場合はブールshowNextPlaceセットを持っている場合は、$アヤックスのハンドラ呼び出しshowNextPlaceを持つことができます。

Answer 3

$.ajax呼び出しは非同期であるため、あなたはこのようなsuccessハンドラにコードを置く必要があります。

success: function(results){ 
    // dont load more places until we have few 
    $('#loadmore').val('0'); 
    if (results != '[]') 
    { 
     for (var i in results) 
     { 
      places.push(results[i]); 
     } 
    } 
    showNextPlace(); //Moved here 
    photo_changed = 0; //Moved here 
} 

だからあなたのクリックのバインドは次のようになります。

$('#skip').click(function(e) { 
    savePhoto('skip'); 
    return false; 
}); 

それがために働いていませんでした、元のコードでshowNextPlace()とphoto_changed=0が実行されてからsavePhoto('skip')が実行を終了しました。 （それは非同期です）。これは、完了までに十分な時間がsavePhoto()となったため、ブレークポイントで動作しました。

これが役に立ちます。歓声