Question

部分代码未被执行。打开盒子的动画很好。但关闭的动画不起作用。有什么问题？

$('#basic-modal .basic').click(function (e) {
    $("#basic-modal-content").modal({onOpen: function (dialog) {
        dialog.overlay.fadeIn('slow', function () {
            dialog.data.hide();
            dialog.container.fadeIn('slow', function () {
                dialog.data.slideDown('slow');   
            });
        });
    }}); 

    $("#basic-modal-content").modal({onClose: function (dialog) {
        dialog.data.fadeOut('slow', function () {
            dialog.container.hide('slow', function () {
            dialog.overlay.slideUp('slow', function () {
                $.modal.close();
            return false;
        });
    });
});

}}）;

Answer 1

将onOpen和onClose属性合并到同一modal()初始化调用中：

$('#basic-modal .basic').click(function (e) {
    $("#basic-modal-content").modal({onOpen: function (dialog) {
        dialog.overlay.fadeIn('slow', function () {
            dialog.data.hide();
            dialog.container.fadeIn('slow', function () {
                dialog.data.slideDown('slow');   
            });
        });
    },
    onClose: function (dialog) {
        dialog.data.fadeOut('slow', function () {
            dialog.container.hide('slow', function () {
            dialog.overlay.slideUp('slow', function () {
                $.modal.close();
            return false;
        });
    }});
});

编辑：正如其他人所提到的，我在黑暗中拍摄，因为我们甚至不知道你正在使用什么剧本。

Answer 2

答案中有点问题。对于其他可以使用它的人来说，这是完整的代码：

jQuery(function ($) {
$('#basic-modal .basic').click(function (e) {
$("#basic-modal-content").modal({onOpen: function (dialog) {
    dialog.overlay.fadeIn('slow', function () {
        dialog.data.hide();
        dialog.container.fadeIn('slow', function () {
            dialog.data.slideDown('slow');   
        });
    });
},
    onClose: function (dialog) {
        dialog.data.fadeOut('slow', function () {
            dialog.container.hide('slow', function () {
            dialog.overlay.slideUp('slow', function () {
            $.modal.close();
            return false;
        });
    });
});
}});

onclick没有被执行

2 个答案: