JQueryのためのSimplemodal：現在表示されているモーダルを閉じて別のものを表示

Question

several timesをseveral different formsに入れましたが、私の人生のためにはうまく動作しません。

私のページには、モーダル、IDサインアップポップアップ、ログインポップアップの2つのDIVがあります。彼らはそれぞれクラスのシンプルモダールクローズのクローズボタンを持っています。

サインアップモーダルにボタンを追加して、それを閉じてログインモードを開きます。私は上記の最初のリンクで説明したEricの指示に従いました。これは以下に含まれています。

$('a#ask').click(function(){ 
    $('#modal-contact').modal({onShow: function (dialog) { 
     // handle the close yourself. 
     // Don't use the closeClass on this element 
     // call $.modal.close(); when you are done 
     // call a function to open a new modal 
    }); 
    return false; 
}); 

しかし、これは機能しません。サインアップモーダルは閉じますが、ログインモーダルは閉じません。ここでは（という$よりnoConflictを使用して、jQueryのの、したがって使用（）（））私のコードは次のとおりです。

jQuery(function (jQuery) { 
    jQuery('#btn-signup-open').click(function() { 
     jQuery('#signup-popup').modal({onShow: function (dialog) { 
      jQuery('#login-from-signup').click(function() { 
       jQuery.modal.close(); 
       jQuery('#login-popup').modal(); 
      }) 
     }}); 
     return false; 
    }); 
}); 

そして私はまた、それが簡単でより簡単でした考え出す、代わりに次の試してみました、しかし結果はでした同じ（サインアップモーダル閉じ、モーダルが近く、通常の閉じるボタン&フォームは細かい作品を提出していませんログイン）：

jQuery(function (jQuery) { 
    jQuery('#login-from-signup').click(function() { 
     jQuery.modal.close(); 
     jQuery('#login-popup').modal(); 
     return false; 
    }); 
}); 

私はちょうどモーダルの内容を置き換えることだったエリックの他の提案をしてみてくださいました。これはうまくいくが、hack-yのように思える。クローズボタンを手作業でバインドしなければならないし（大した問題ではない）、小さなロゴフォームではモーダルが自動的にサイズ変更されないからだ。これがうまくいく間に、それを行うためのより良い方法があるように思えます（具体的には、上記のコード、または少し微調整）。

jQuery(function (jQuery) { 
    jQuery('#login-from-signup').click(function() { 
     jQuery('.simplemodal-wrap').html('<div class="popup simplemodal-data" id="login-popup" style="display: block;">'+jQuery("#login-popup").html()+'</div>'); 
     jQuery('.simplemodal-close').click(function() {jQuery.modal.close(); return false;}); 
      return false; 
    }); 
}); 

Answer 1

これは別の投稿でこれを回答してくれてありがとうございます！

現在のonCloseイベントはonBeforeCloseのように動作し、$ .modal.close（）のonAfterCloseは設計されていません。唯一の回避策は待つことです：

$.modal.close(); window.setTimeout(showSecondModal, 500); 

ここに私の作業コードです：

jQuery(function (jQuery) { 
    jQuery('#login-from-signup').click(function() { 
    jQuery.modal.close(); 
    window.setTimeout(function() {jQuery('#login-popup').modal()}, 250); 
    return false; 
    }); 
}); 

Answer 2

間違いなくそれを解決する方法です、しかし、それはあなたのコードがあまりにも今は非同期であることを意味します。私はそれが残念だと思います。なぜなら、一度非同期に移行すると、同期性に戻ることができず、関数を使用するコードはsetTimeout()を使用して開始する必要があるからです。それは必ずしも重要ではないかもしれませんが、コードベースを単体テストにするのは難しいと思います。

この動作は、実際にはバージョン1.4.1のsimplemodalので新しいものです。 に戻った場合1.3.5閉じると開くことが問題なく連続して行えます。

over here私は同期close()を持つ方法に戻ることができるかどうかを確認するために問題を提起しました。