0

このすばらしい新しいモーダル プラグインをテストしていたところ、問題が発生しました。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 トランジションの途中で耐え難い問題が発生します。あらゆることを試してもだめだったような気がします。

どうもありがとう!

4

0 に答える 0