如何在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');
});