jQuery BlockUI を使用して新しいページのコンテンツをブロックする方法がわかりません。aSP.NET MVC にアプリケーションがあります。あるビューでボタンをクリックすると、新しいレポートが生成され、新しいタブ/ウィンドウで開かれます。レポートが読み込まれないまで、このページのコンテンツをブロックしたいと思います。しかし、私の場合、コンテンツはボタンのある最初のページでブロックされ、この新しいページではブロックされません。誰かがこれを行う方法を手伝ってもらえますか?
<div>
<button id="btnSubmit">Report</button>
</div>
<script type="text/javascript">
$(function () {
$('#btnSubmit').click(function () {
$.blockUI({ css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
}
});
setTimeout($.unblockUI, 5000);
window.open(link, "Report");
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
return false;
</script>