jquery - 如何在 jQuery 对话框中打开 href 链接？

Question

好的，我得到了如下所示的代码，用于在特定页面中使用 div 创建对话框:

    $('#modal').dialog({
    autoOpen: false,
    width: 600,
    height: 450,
    modal: true,
    resizable: false,
    draggable: false,
    title: 'Enter Data',
    close: function() { 
        $("#modal .entry_date").datepicker('hide');
    } 
 });

 $('.modal').click(function() {
    $('#modal').dialog('open');
 });

一切正常。但是，现在我想做的是也能够在对话框窗口中打开链接。例如使用 类似于下面代码的内容:

<a href="/path/to/file.html" class="modal">Open Me!!</a>

我之前已经通过对路径进行硬编码来完成此操作，如下面的示例代码所示:

$('#modal').load('/path/to/file.html').dialog('open');

但是，在这种情况下，我们无法在 JavaScript 中对路径进行硬编码，因为将会有多个项目来自数据库。

此时我正在努力理解如何让它发挥作用。我也相信答案是显而易见的，我只是让自己对 StackOverflow 的聪明人感到谦卑。

今天下午我已经挠头很久了，所以我的自负已经被收起来了，希望有人能为我指明如何正确编码的正确方向。

Answer 1

您只需获取 href 属性并加载即可

$('.modal').click(function(e) {
    e.preventDefault();
    $('#modal').load(this.href).dialog('open');
});