この方法で開かれるjqueryモーダルポップアップがあります:
var OpenPurchasePage = function (productID) {
$(this).spPopup(
{
width: 625,
height: 445,
useFrame: true,
effectIn: "zoomIn",
effectOut: "slideZoom",
css3Effects: "flipInVer",
href: '../purchase/delegate.aspx?sid=' + productID,
onClose: function () { parent.location.reload(true); }
});
}
私が使用しているポップアップ プラグインはonClose
イベントをサポートしており、ポップアップが閉じている間に親ページを更新する必要があります。しかし、問題は、そのプラグインで利用可能な CSS3 エフェクトを使用していることですOnClose
。関数がトリガーされる前に、クロージング エフェクトを完全に実行したいのです。クロージング エフェクトが完璧に形成されるまでに 2 秒かかるとします。しかし、問題はOnClose
関数が即座にトリガーされ、終了効果が完全に実行されないことです。
以下に記載されている方法を試しました:
しかし、効果が実行されるまで親ページのリロードのプロセスを遅らせるものはありません (たとえば、2 秒間遅らせます)。
この間隔を作成する方法を教えてください。