[英]Change contents of fancybox iframe with ajax data
我有一个模板站点,我想用ajax调用中的数据更改其内容。
我有一个打开fancybox 3 iframe的按钮。 该页面的内容是我要更改的内容。
打开fancybox的按钮:
'<i class="fa fa-info-circle fa-2x inv-details" invoiceId="' + data[index].invoiceid + '"' +
'aria-hidden="true" data-fancybox data-type="iframe" data-type="iframe" href="javascript:;" data-src="/invoice_details/"</i>'
click事件触发ajax调用:
$('#my_in').on('click', 'i.inv_details', function () {
var inv_id = $(this).attr("invoiceId");
$.ajax({
url: '/wp-admin/admin-ajax.php',
type: 'post',
dataType: 'json',
data: {
action: 'invoice_details_ajax',
inv_id: inv_id
},
done: function (data) {
//HERE I WANT TO FIND THE CONTENTS OF THE
//OPEN IFRAME AND CHANGE THEM, LIKE SUCH:
// $('.fancybox-iframe').contents().find("#test #bankgiro").text('test');
// This above works in console, if I load jquery first, it does not work here.
}
});
});
iframe的jquery选择器是正确的,因为我可以通过chrome控制台编辑页面。 所以我认为问题在于它试图在加载页面之前更改页面? 有什么解决办法吗?
我读过的所有答案都假设您有一个空的fancybox iframe页面,只需将数据附加到该页面即可。 但就我而言,我已经有一个模板站点,我想更改其内容。 我已阅读的链接:
从您的描述尚不清楚-您想同时打开fancybox中的iframed页面,并且要发出aajax请求来更改该页面的内容-同时? 仅加载最终页面是否更明智?
我认为您只需要使用url传递发票ID,例如/invoice_details/?invoiceId=YOUR_ID
并避免弄乱两个请求。
如果您已经尝试过document.ready和window.onload等,我认为您似乎在使用jQuery:
我倾向于解决这样的问题的方法是我,但是每隔0.5秒触发一次setInterval(),检查是否存在所需的信息,是否存在,执行所需的操作,然后自行关闭。 是否可以为需要等待页面加载而工作?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.