JQuery UIダイアログ・ダイアログ（ 'close'）;動作しません

Question

私は、複数のモーダルjQuery UIダイアログを持つページを持っています。そのダイアログを閉じて別のものを開く（保証）という、1つのダイアログ（faq）でリンクを作成しようとしています。以下は、関連するコードです：予想通り

var $faqIframe = $('<iframe />', { 
       name: 'myFrame', 
       id: 'myFrame', 
       src: "modal_faq.html", 
       width:"100%", 
       height:"100%", 
       align:"left", 
       scrolling:"auto", 
       frameborder:"0" 
      }); 

var $warrantiesIframe = $('<iframe />', { 
       name: 'myFrame1', 
       id: 'myFrame1', 
       src: "modal_warranties.html", 
       width:"100%", 
       height:"100%", 
       align:"left", 
       scrolling:"auto", 
       frameborder:"0" 
      }); 

し、その後、これが正常に動作しますよくあるご質問のiFrame

$(function(){ 
    $('#faqDialog').dialog({ 
     autoOpen: false, 
     width: 780, 
     height: 460, 
     modal: true 
    }); 

    $('#faqDialog').append($faqIframe.clone()); 

    // Dialog Link 
    $('#faq_link, #faq_link1').click(function(){ 
     $('#faqDialog').dialog('open'); 


     return false; 
    }); 

を開くには、ダイアログを開きます。保証ダイアログのコードも同様です。これは現在動作していないコードです。 ＃warranty_link2はfaqダイアログのリンクで、クリックするとfaqダイアログの終了をトリガーします。私は

$('#faqDialog').dialog('close'); 
$('#faqDialog').dialog('hide'); 
$('#faqDialog').dialog('destroy'); 

私も「ライブ」の代わりに試してみました

を試してみました

$('#warranty_link2').on("click", function(event){ 
     $('#faqDialog').dialog('close'); 
    }); 
} 

「オン」、およびそれらの2のいずれかにすることなく、同様 はまた、変数$ faqIframeでそれを参照してみました

$faqIframe.dialog('close') 

のような結果はありません。

私は、動作したconsole.logを入れたので、クリックイベントが発生していることがわかりました。

私は間違っていますが、どうすればこのダイアログを閉じることができますか？

はhttp://www.solarkit2go.comでアクションでそれを参照してください - あなたは、ダイアログを起動した後のonclickイベントをバインドする必要がある質問リンク

Answer 1

をクリックします。以下を参照

$(function(){ 
    $('#faqDialog').dialog({ 
    autoOpen: false, 
    width: 780, 
    height: 460, 
    modal: true 
}); 

$('#faqDialog').append($faqIframe.clone()); 

// Dialog Link 
$('#faq_link, #faq_link1').click(function(){ 
    $('#faqDialog').dialog('open'); 

    $('#warranty_link2').click(function(event){ 
     $('#faqDialog').dialog('close'); 
    }); 

    return false; 
});