当前位置 : 主页 > 网页制作 > JQuery >

如何在jQuery对话框中打开href链接?

来源:互联网 收集:自由互联 发布时间:2021-06-15
好的,所以我有下面显示的代码,使用特定页面中的div创建一个对话框: $('#modal').dialog({ autoOpen: false, width: 600, height: 450, modal: true, resizable: false, draggable: false, title: 'Enter Data', close: functio
好的,所以我有下面显示的代码,使用特定页面中的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上被聪明的人们贬低.

今天下午我已经摸不着头脑了,所以我的自负已被收起,希望有人可以指出我正确的方向如何正确编码.

你可以抓住href属性并加载它

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