Question

单击一个按钮时，它会显示一个模态框。该模态框包含两个按钮。 OK和Cancel按钮。当我们点击OK按钮时，它会显示一个警告消息框，直到我才能正确显示。但是我想在弹出警告消息时禁用模态框。我尝试过很多像

这样的方法

  $("modalFileStruct").('disabled', true);
  $("#modalFileStruct").fadeOut("slow");
  $("#modalFileStruct").addClass("fade");
  $("#modalFileStruct").setFocusable(true)
  $("#modalFileStruct").css('style','background-color: #000; opacity:1; z-index:1000;');

  document.getElementById("modalFileStruct").removeAttribute("tabIndex");

  $('#fileStruct').blur();
  $("#modalFileStruct").css("position","relative","z-index","99");
  $('#modalFileStruct').fadeIn('slow');
  $('#modalFileStruct').fadeOut('slow');

但它并不能满足我的需要。有谁可以帮助我？

这是我的代码

   $("#modalFileStruct").modal();//This is pop up the modal box
   //This is the click function of OK button inside the modal box
   function fileInfoClicked(){
    alertMessage('Error',"Attribute name contains special characters: " + inps[i],
            'error');
            return;
 }

//警报消息框代码

 function alertMessage(title, message, type) {
$.msgBox({
    title : title,
    content : message,
    type : type,
    modal : true
});
}

Answer 1

$("#modalFileStruct").modal();//This is pop up the modal box
   //This is the click function of OK button inside the modal box

   function fileInfoClicked(){
      $("#modalFileStruct").modal("toggle");
   }

Answer 2

我想您希望用户强制单击“确定”按钮，而不是在用户单击页面时关闭模式。你使用哪个插件的方式？在Bootstrap中使用data-backdrop="static"

如何禁用Modal弹出框

2 个答案: