jquery移動對話框不要關閉鍍鉻

Question

我在頁面中有兩個對話框。

<div data-role="page" id="connect" data-id="connect"> 
<div id="header-connect" data-role="header" data-id="bs_header" data-theme="a"> 
    <h1>{t}Connect{/t}</h1> 
</div> 
<div data-role="content"> 
    <ul data-role="listview"> 
     <li><a href="#test" data-rel="dialog">Test</a></li> 
    </ul> 
</div> 
</div> 

<div data-role="page" id="test" data-id="test"> 
    <div id="header-test" data-role="header" data-id="bs_header" data-theme="a"> 
     <h1>{t}Test{/t}</h1> 
    </div> 
    <div data-role="content"> 
     <a href="#" data-rel="back">Back</a> 
     <a href="javascript:;" onclick="$('.ui-dialog').dialog('close');">Close</a> 
    </div> 
</div> 

當我試圖關閉第一個使用JavaScript，它無法在Chrome和Chrome移動工作，但與Firefox的作​​品。我使用JQuery Mobile 1.0.1。

你有什麼建議嗎？

Answer 1

我已經成功使用

$('*[data-icon="delete"]').on("click",function(){ 
    $('.ui-dialog').dialog('close'); 
}); 

裏面的對話框代碼......不好解決解決這個問題，但對我的工作，因爲這是在我的情況下，唯一的對話框，但可能會幫助你。

Answer 2

我們發現使用事件這樣一個解決方案：

('#connect').live('pagehide', function(){ 
if (id_dialog_page != '') { 
    $.mobile.changePage('#'+id_dialog_page, {role: 'dialog'}); 
} 
id_dialog_page = ''; 
}); 

我們也迫使打開一個新的對話模式對話框之前#connect接近。目標模態框由變量查找。