捕获点击 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"));
});