jQuery warten auf if-Anweisung zu beenden

Question

Ich habe zwei if-Anweisungen in Javascript. Ich brauche die zweite if-Anweisung, die erst ausgeführt wird, nachdem die erste if-Anweisung ausgeführt wurde (ich kann die beiden if-Anweisungen nicht ineinander haben, da die erste if-Anweisung manchmal ausgeführt wird. Ansonsten muss zuerst überprüft werden, bevor die zweite ausgeführt werden kann).)

Wie mache ich das?

Hier ist der Code btw:

if($('#suggestion-'+change).html() == null) 
    {  
     $.ajax({ 
      type: 'post', 
      dataType: 'html', 
      url: '/suggestion/ajax-change/', 
      data: {type: change}, 
      success: function(result,status) 
      { 
       $('#profile_suggestion .content_wrapper').prepend(result); 
      } 
     }); 
    } 

    if(active != change) 
    { 
     var panelShow = '#suggestion-' + change; 
     var panelHide = '#suggestion-' + active; 
     var dirShow = ''; var dirHide = ''; 

     switch(active) 
     { 
      case 'compatibility': 
       dirHide = 'left'; 
       switch(change) 
       { 
        case 'mutual': 
         dirShow = 'right'; 
         break; 
       } 
      case 'mutual': 
       switch(change) 
       { 
        case 'compatibility': 
         dirHide = 'right'; 
         dirShow = 'left'; 
       } 
     } 
     $(panelHide).hide("slide", { direction: dirHide }, 1000); 
     $(panelShow).show("slide", { direction: dirShow }, 1000).removeClass('fader'); 
     $(panelHide).addClass('fader'); 
     active = change; 
    } 

Answer 1

Hm, können Sie die zweite in eine Funktion zu machen und es auf Erfolg nennen? Es tut mir leid, wenn ich Ihre Frage ..

mißverstanden Oder Sie können diese

$("something").bind('update', function() { do something you want to do }); 

    $.ajax({ 
     type: 'post', 
     dataType: 'html', 
     url: '/suggestion/ajax-change/', 
     data: {type: change}, 
     success: function(result,status) 
     { 
      $('#profile_suggestion .content_wrapper').prepend(result); 
     }, 
     complete: function() 
     { 
      $("something").trigger('update'); 
     } 
    }); 

Answer 2

async: false zum Ajax-Aufruf hinzufügen zu tun.

Answer 3

Sie haben ein Missverständnis von Callbacks und asynchronem Code.

Sie möchten die zweite if-Anweisung in den Erfolgsrückruf einfügen.

$.ajax({ 
    type: 'post', 
    dataType: 'html', 
    url: '/suggestion/ajax-change/', 
    data: { 
     type: change 
    }, 
    success: function(result, status) { 
     $('#profile_suggestion .content_wrapper').prepend(result); 
     if (active != change) { 
      var panelShow = '#suggestion-' + change; 
      var panelHide = '#suggestion-' + active; 
      var dirShow = ''; 
      var dirHide = ''; 
      ..... 
     } 
    } 
});​ 

Da ein xhr (Ajax) Anfrage hat keine bestimmte Menge an Zeit, die Sie reagieren nicht genau erraten, wenn ein anderer Code-Block in accoradance zu laufen, um es Antwort ist. Sie müssen den Code in einem abgeschlossenen Rückruf ausführen, in diesem Fall success.

Statt den tatsächlichen Code für die 2. if-Anweisung in den Erfolg zu platzieren, sollten Sie in eine andere Funktion platzieren.