escClose в простом модальном - PullRequest
Новая
       12

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

0 голосов
/ 14 марта 2012

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

$(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();
            });
        },
    });
});

1 Ответ

1 голос
/ 14 марта 2012

Да, 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();
            });
        },
    });
});
...