escClose в простом модальном

Question

Я работаю с простой модальной, и я пытаюсь предотвратить закрытие при побеге. Это говорит, что это должно быть просто, но это не работает для меня, я помещаю это в неправильное место?

$(document).ready(function(){
    $("#login_modal").modal({
        overlayCss: {
            backgroundColor: '#000',
        },
        containerCss: {
            height: 485,
            width: 385,
            backgroundColor: "#f6f6f6",
            border: '3px solid #d3d5d6',
            fontSize: '10pt',
            color: '#58595b',
            fontFamily: 'sans-Serif',
            fontWeight: '100',
            paddingLeft: 5,
            paddingTop: 5,
            opacity: .94,
            escClose: false,
        },
        onOpen: function (dialog) {
            dialog.overlay.fadeIn('slow');
            dialog.data.show(); 
            dialog.container.fadeIn('slow', function () {
                $('body').css('overflow', 'hidden');
            });
        },
        onClose: function (dialog){
            $('body').css('overflow', 'auto');
            dialog.container.fadeOut('200');
            dialog.overlay.fadeOut('200', function () {
                $.modal.close();
            });
        },
    });
});

Answer 1

Да, escClose находится не в том месте - это параметр самого модала, а не containerCss массив. У вас также есть дополнительные запятые в конце вашего overlayCss а также containerCss массивы свойств. Это иногда вызывает проблемы в браузерах. Попробуй это;

$(document).ready(function(){
    $("#login_modal").modal({
        escClose: false,
        overlayCss: {
            backgroundColor: '#000'
        },
        containerCss: {
            height: 485,
            width: 385,
            backgroundColor: "#f6f6f6",
            border: '3px solid #d3d5d6',
            fontSize: '10pt',
            color: '#58595b',
            fontFamily: 'sans-Serif',
            fontWeight: '100',
            paddingLeft: 5,
            paddingTop: 5,
            opacity: .94
        },
        onOpen: function (dialog) {
            dialog.overlay.fadeIn('slow');
            dialog.data.show(); 
            dialog.container.fadeIn('slow', function () {
                $('body').css('overflow', 'hidden');
            });
        },
        onClose: function (dialog){
            $('body').css('overflow', 'auto');
            dialog.container.fadeOut('200');
            dialog.overlay.fadeOut('200', function () {
                $.modal.close();
            });
        },
    });
});