2

SimpleModal ( http://www.ericmmartin.com/projects/simplemodal/ ) を使用しています。アニメーションを iframe ウィンドウで動作させようとしています。

私はiframe部分が機能しています：

// Load dialog on click
    $('#clicky').click(function (e) 
    {
        $.modal('<iframe src="' + src + '" height="450" width="800" style="border:0">', 
        {
                closeHTML:"",
                containerCss:{
                                backgroundColor:"#fff", 
                                borderColor:"#fff", 
                                height:450, 
                                padding:0, 
                                width:800
                                },
                overlayClose:true
        });
    });

しかし、それをアニメーションセグメントに接続する方法がわかりません:

$("#sample").modal({onOpen: function (dialog) 
    {
            dialog.overlay.fadeIn('slow', function (){
                dialog.data.hide();dialog.container.fadeIn('slow', function () {
                    dialog.data.slideDown('slow')
                    });

    });

iframeモーダルをフェードイン/フェードアウトアニメーションに接続する方法を学びたいと思っていました。誰か私を助けてくれるか、私が勉強できるサイトに案内してくれませんか? ありがとうございました

4

1 に答える 1

1

さて、私はそれを理解しました。これが私のために働くコードです：

$('#clicky').click(
    function (e) 
    {
        $.modal('<iframe src="' + src + '" height="450" width="1800" style="border:0">', 
        {

                    closeHTML:"",
                    containerCss:
                    {
                                    backgroundColor:"#fff", 
                                    borderColor:"#fff", 
                                    height:450, 
                                    padding:0, 
                                    width:800
                    },
                    overlayClose:true,
                    //below adds a open animation
                    onOpen: function (dialog){
                    dialog.overlay.fadeIn('slow');
                    dialog.data.show();
                    dialog.container.fadeIn('slow');},
                    //below adds a close animation
                    onClose: function (dialog){
                    dialog.data.fadeOut('slow');
                    dialog.container.hide('slow');
                    dialog.overlay.slideUp('slow', function () {$.modal.close();});
                    }
        });
    });

src 変数の Web サイトを忘れずに配置してください :)

于 2013-04-18T20:07:54.317 に答える