jquery - 带有ajax表单内部javascript的jQueryUI对话框仅适用于后续加载

Question

好的，这个标题是一个拗口，但几乎说明了我的整个问题。

我的页面上有一个 jQueryUI 对话框，初始化为：

$('#dialog').dialog({
    width: 1024,
    height: 768
});

并且打开它的链接被初始化为：

    // Dialog Link
$('.dialog_link').click(function(){
    $('#dialog').dialog('open');
    return false;
});

因此，我使用以下代码将 php 文档加载到对话框中并显示它

$("#openLink123").click(function()
{
 $('#dialog').load("/scripts/dialogContent.php",
  function() {
   $('#dialog').dialog("option","title","Add")
  }
 )
});

内容加载到对话框和表单等工作得很好，但我在该 php 文档中运行的任何 javascript 都没有。但是，如果我关闭对话框并重新打开它，所有的 javascript 都可以工作。

我对如何使它在第一次加载对话框时运行 javascript 感到有些困惑。

Answer 1

$("#openLink123").on('click', function() {
 $('#dialog').load("/scripts/dialogContent.php",function() {
    $('#dialog').dialog("option","title","Add")
  });
});