如何防止自動關閉在jQuery的移動對話框

Question

我想使用Jquery Mobile的對話框。在文檔中，它表示如果用戶單擊對話框頁面上的任何鏈接，diaglog將被關閉。

文檔：

「當任何鏈接被點擊的對話中，該框架將自動關閉對話框，然後過渡到請求的頁面，就好像對話框是一個正常的頁面創建一個」取消「按鈕，只需鏈接到觸發對話框打開的頁面，鏈接到上一頁的模式也可用於非JS設備。」

我該如何預防？

Answer 1

不要使用<a>標籤，使用<div>

<div id="my_button" data-role="button" data-theme="a">Don't Close</div> 

然後你只需要一些動作編程附加到DIV

$('#my_button').live('click', function({ 
    // do something 
} 

Answer 2

的點擊如果添加一個功能onclick，這將覆蓋默認行爲。只需在標籤中留下href="#"，放入onclick="myFunction()"之類的功能即可。

然後在功能，你可以做的密切與此：$('.ui-dialog').dialog('close')

或者你可以明顯地導航到另一個頁面：$.mobile.changePage('#page')

我敢肯定，你現在已經移動了，但希望這可以幫助其他人尋找這個解決方案。

Answer 3

wom的解決方案很好，但是您不需要從標籤更改爲。正如Mar說的，你只需要改變href =「＃」。我有這樣的測試，它工作正常。

如果仍然無法阻止默認操作，請在按鈕的點擊處理程序中添加e.preventDefault（）。