微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

好的,所以我有下面显示代码,使用特定页面中的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');
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐