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

Question

I'm using JQuery UI to generate modal dialogs. I generate them after clicking a div. The problem is adding a dblclick event on the title bar span after generating it. The ID got set automatically and I'm trying to add the event by this code after generating them:

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

Unfortunately it doesn't work, but it works when I execute it using the debug console whyever.

HTML Code on website

Answer 1

change to this:

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

because modals are dynamically created so, event has to be delegated to the static parent or to the $(document)/$('body') .