jQuery UI對話框事件監聽器不工作

我有一個頁面，它通過點擊一個特定的鏈接打開一個jQuery UI對話框，完美地工作，在對話框中有一個表單（一個用戶註冊表單），我需要附加一個在該表格上提交的事件處理程序，但因爲它是jQuery的裝載AJAX事件處理程序會不重視，我的代碼是像這樣的：jQuery UI對話框事件監聽器不工作

$("#register").on("submit", false);

我只需要能夠取消內的表單提交對話框和我無法讓它工作。

來源

2012-06-22 flaiks

由於它是通過AJAX添加的，因此需要使用.on（）綁定到現有的頁面元素。 _Event處理程序僅綁定到當前選定的元素;它們必須在代碼調用.on（）時存在於頁面上。爲確保元素存在且可以選擇，請在文檔就緒處理程序中爲頁面上HTML標記中的元素執行事件綁定。如果將新的HTML注入頁面，請在將新的HTML放入頁面後選擇元素並附加事件處理程序。或者，使用委託事件附加一個事件處理程序，如下所述._ – j08691

如果使用ajax加載表單，則應在表單加載並插入DOM後附加事件。

$('#dialog-container').load('url-to-the-form', function() { 
    $('#register').on('submit', false); 
});

取決於你如何加載的形式（$阿賈克斯（） - .load（）......），你可能會適應下面的例子。

來源

2012-06-22 15:28:59

以及表單使用.dialog（）加載jquery ui – flaiks

我不知道jquery dialog通過ajax加載內容...顯示一些代碼也許？ –

jQuery UI對話框事件監聽器不工作

回答

相關問題