jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在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');
});

大佬总结

以上是大佬教程为你收集整理的如何在jQuery对话框中打开href链接?全部内容,希望文章能够帮你解决如何在jQuery对话框中打开href链接?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。