Question

我有打开模态对话框的自定义代码（种类库）

看起来像下面;

_initRenderModal :  function(template, templateData, options){
    var me = this;
    // Default Options
    me.modalOptions = {
        backdrop    : 'static',
        keyboard    : true,
        width       : 900,
        show        : true,
        autoFocus   : true
    };


    var id = $(template).prop("id");

    me.configureModal();

    var $backdrop = $(".modal-backdrop:not([forModal])").attr("forModal", id);

    this.modalId = id;

},



hideModal : function(){
    $(".modal[id='"+this.modalId+"']").modal("hide");
    $(".modal-backdrop[formodal='"+this.modalId+"']").remove();
},
removeModal : function(event){
    for(var i in this.destroyItems) {
      var item = this.destroyItems[i];
      if($.isFunction(this.destroyItems[i].destroy)) {
        this.destroyItems[i].destroy();
      }
      delete item;
    }
    this.destroyItems = [];
    this.hideModal();
    this.removeView();

    this.remove();
}

我也使用Bootstrap 2.3.2作为模态对话框。

我的问题是，当我的自定义代码适用于单个打开模式对话框时，当我尝试打开2个同时模式对话框时，它会产生问题（即从父模态中打开子模态）

问题主要与UI上的背景有关; 我的意思是我的孩子模态稍小，当我打开子模态时我可以访问父模态（当打开子对话框时我不能访问父模态）

请建议我如何修复上面的代码以处理多个打开的模态对话框。

打开多个模态对话框的问题

0 个答案: