jquery - onclick 没有被执行

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;
        });
    });
});
}});