jquery ajax呼び出しが成功したらスクリプトを続行します

Question

ajax呼び出しが成功すると開く必要のあるポップアップウィンドウを持つクリック機能があります。私は非同期：falseを設定しようとしました。私はajax呼び出しでポップアップを入れようとしましたが、ポップアップがブラウザによってブロックされます。私の最後の試みは、ajax呼び出しが完了するまでタイムアウトを設定し、それぞれには運がないことです。助言がありますか？？？

var currentStatus = "false"; 
var success = "false"; 

function waitForSuccess(){ 
    if (success == "false"){ 
     var t = setTimeout("waitForSuccess()", 300); 
    } 
    else{ 
     stopTimer(t); 
     return "true"; 
    } 
} 
function stopTimer(t){ 
    clearTimeout(t); 
} 

function checkReps(clicked){ 
$.ajax({ 
      cache: false, 
      url: "chat_new_files/chat_new.php", 
      success: function(data){ 
         success = "true"; 
        } 
     }); 

$('#chatT').live('click', function (event) { 
     success = "false"; 
      checkReps("true"); 
     var changed = waitForSuccess(); 
     if(changed == "true"){ 
        BG.startChatWithIssueId('0', true); //THIS IS THE POPUP 
     } 
}); 

私は、この最後の試みであるsetTimeoutでの論理が台無しになっていると考えています。どのようにこれを修正するか、まったく新しいアイデアのアイデアですか？ありがとう！

Answer 1

あなたが上に複雑なものを、次のとおりです。限り、ブラウザのポップアップブロッカーの問題として、簡単な回避策は<div id="popup"></div>のように、ポップアップコンテナとして機能するdiv要素を作成することです

$('#chatT').live('click',function(){ 
    $.ajax({ 
     cache: false, 
     url: "chat_new_files/chat_new.php", 
     success: function(data){ 
      BG.startChatWithIssueId('0', true); 
     } 
    }); 
}); 

。そのdiv内で、あなたのoldskoolポップアップと同じURLをiframeに追加することができます。最初に、そのdivにCSS #popup { display:none; position:relative; z-index:99999; /* etc...*/ }を与えます。その後、クリックイベントでは、そのdivにはshow()またはfadeIn()と表示されます。デモページに、それらのポップアップがない傾向があるので、

Answer 2

ajax呼び出しのsuccess:関数でポップアップを開きます。これは、ajax呼び出しが正常に完了したことと、ajax呼び出しから返されたデータにアクセスできることがわかっている唯一の場所です。

タイマーを使用して、ajax機能の実行時に推測しようとしないでください。

Answer 3

successにある$.ajax()でコールできるコールバックを使用します。その後、コールバックでポップアップウィンドウを開きます。

function checkReps(clicked){ 
     $.ajax({ 
      cache: false, 
      url: "chat_new_files/chat_new.php", 
      success: function(data){ 
         success = "true"; 
         openPopup(); 
        } 
     }); 

Answer 4

ブラウザは、イベントハンドラから発信されていないポップアップをブロックする傾向がある「社外ウェブページ（インラインフレーム）」を読み、リンクをクリックしてください -

例、Colorboxをチェックアウトユーザによって開始される（duh）。これを回避するには、2つの選択肢があります：おそらく http://ajaxload.infoスピナーGIFのいくつかの並べ替えを含め、

1. 打ち上げimmedatelyポップアップをし、そのコンテンツでフィラーを持って

2. 避けるには、新しいウィンドウを開いて

   、代わりに必要に応じて の表示と非表示を切り替える 'モーダル' divにコンテンツを配置します。