JQuery UI - 将 dblclick 事件添加到模态对话框

Question

我正在使用 JQuery UI 来生成模式对话框。 我在单击 div 后生成它们。 问题是在生成它之后在标题栏跨度上添加一个 dblclick 事件。 ID 是自动设置的，我尝试在生成事件后通过此代码添加事件：

$("div").find('span#ui-id-1.ui-dialog-title').on('dblclick', function () {
            alert("test");
        });

不幸的是它不起作用，但是当我使用调试控制台执行它时它起作用了。

HTML Code on website

Answer 1

改成这样：

$("body").on('dblclick', 'span#ui-id-1.ui-dialog-title', function () {

因为模态是动态创建的，所以必须将事件委托给静态父级或$(document)/$('body')。