esc关闭在简单的模式

Question

我正在使用简单的模态，并且我试图防止关闭逃生。 This说它应该很简单，但是这对我不起作用，我是否把它放在错误的地方？

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