我有一个生成PDF文件的URL.为了生成PDF,我使用iframe来加载该URL并在用户的同一页面中生成PDF文件.
当用户点击按钮时,它将显示loader在屏幕上.并且当iframe加载完成时应该隐藏(当PDF下载弹出时).我使用下面的代码,但它不起作用,loader在下载弹出窗口打开后仍然显示(如果我更改url与任何其他像google.com然后它将工作).
这是我的代码片段.
$("#test").click(function(){
iframe = document.getElementById("download-container1");
if (iframe === null)
{
$("#ajax_loading").show();
var url="http://test.coachfxlive.com/ajax/ajax-action.php?type=s&vid=0&playlist_id=11&perpage=1&action=get_profile";
iframe = document.createElement('iframe');
iframe.id = "download-container1";
document.body.appendChild(iframe);
$('#download-container1').load(function () {
$("#ajax_loading").hide();
});
iframe.src=url;
}
});.ajax_loading {
background-color: rgba(0, 0, 0, 0.7);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div class="ajax_loading" id="ajax_loading"><span>Please Wait... Loading</span></div>
<button id="test">click</button>
</body>
</html>当iframe完整的负载,需要隐藏的div ajax_loading.我在这做错什么吗？还有其他解决方案吗？
提前致谢.
我正在为我的购物网站使用woo-commerce.我想在付款后更新订单状态,然后返回成功页面.
我使用了以下代码:
add_filter( 'woocommerce_payment_complete_order_status', 'my_change_status_function', 10, 2 );
function my_change_status_function ($order_status, $order_id) {
$order = new WC_Order($order_id);
return 'completed';
}
但是在付款之前调用此功能并重定向到付款页面.
我希望在付款完成后更改状态,然后返回到redirectURL.
这是我的重定向链接:
http://example.com/checkout/order-received/82/?key=wc_order_5614e28c9d183&state=return
但是当我使用woocommerce_payment_complete_order_status钩子时,状态并没有改变.付款完成后应该调用挂钩.