このすばらしい新しいモーダル プラグインをテストしていたところ、問題が発生しました。template: エリアで、以下に示すように popupModal の ID を持つ div を作成します。
$('#ContactModalLink').avgrund({
height: 340,
width: 400,
showClose: false,
showCloseText: '',
enableStackAnimation: true,
onBlurContainer: 'body',
template: '<div id="popupModal"></div>'
});
最初はどこでも .load を使用できると思っていましたが、要素がクリックされるまで div が存在しないため、URL をポップアップにロードするためにこれを行いました。
setTimeout(function() {
$('#ContactModalLink').click(function(){
$('#popupModal').load('/ModalForm.aspx');
});
});
これにより、setTimeout が 0 の場合でも、URL を div にロードできます。ただし、CSS トランジションの途中で耐え難い問題が発生します。あらゆることを試してもだめだったような気がします。
どうもありがとう!