陷阱点击jQuery-UI对话框中的链接

Question

我在使用Jquery对话框和内部链接时遇到了一些问题。我想打开一个对话框，该对话框加载带有对象列表的子模板。我接下来要做的是制作这些对象的链接，当你点击它们时，它们会加载到同一个对话框中。我该怎么办？我可以使用ID标记链接，并以某种方式启动单击功能吗？或者最好的方式是什么？

$("#mylist").click(function(event) {
    event.preventDefault();
    $('#dialog').load($(this).attr('href')).dialog({
      width: 800,
      height: 530,
      resizable: false,
      title: "Dialog Title",
      autoOpen: true,
    });
});

Answer 1

在对话框div上使用委托事件处理程序来捕获链接上的点击：

$("#dialog").on("click", "a", function(e) {
    e.preventDefault();
    $("#dialog").load($(this).attr("href"));
});