2016-01-07 2 views
0

Я использую bootbox.confirm внутри загрузочного модального. проблема заключается в том, что фон лежит за модальным. И после подтверждения управления прокрутки выходит за модальным: enter image description hereBootbox confirm in bootstap modal отправляет курсор прокрутки за модальным

Код:

$('.deleteFile').on('click',function(){ 
     var url=$(this).data('url'); 
     var parent=$(this).parent(); 
     bootbox.dialog({ 
      message: "Are you sure you want to delete this File?", 
      title: "Alert", 
      buttons: { 
       success: { 
        label: "Yes", 
        className: "btn-success", 
        callback: function() { 
         $.get(url,function(res){ 
          res=$.parseJSON(res); 
          if(res.err===0){ 
           parent.remove(); 
          } 
         }); 
        } 
       }, 
       danger: { 
        label: "No", 
        className: "btn-primary", 
        callback: function() { 

         bootbox.hideAll(); 
        } 
       } 
      } 
     }); 

    }); 
+0

Как сказано в документации бутстрапе: [Множественные открытые модальности не поддерживается] (http://getbootstrap.com/javascript/# callout-stacked-modals) –

+0

спасибо, что я слишком задумываюсь о создании другого плагина, который может его поддерживать, или, может быть, создать для него модель, потому что bootstrap modal может быть загружен поверх загрузочного модального –

+0

Как я уже отмечал в своем ответе на [аналогичный вопрос] (http://stackoverflow.com/q/32755164/534109), нет ничего, что мешает вам открывать несколько модалов. Проблема в том, что CSS, который предоставляет внешний вид модального диалога, не настроен для обработки с несколькими открытыми одновременно. –

ответ

1

Этот код будет полезным для вас. (функция (режимное) { вар показать = Modal.prototype.show;

Modal.prototype.show = function() { 
     this.modalOpen = !this.$body.hasClass('modal-open'); 
     show.apply(this, arguments); 
    }; 

    Modal.prototype.hideModal = function() { 
     var that = this; 
     this.$element.hide(); 
     this.backdrop(function() { 
     if (that.modalOpen) { 
      that.$body.removeClass('modal-open'); 
     } 
     that.resetScrollbar(); 
     that.$element.trigger('hidden.bs.modal'); 
     }); 
    }; 
})($.fn.modal.Constructor); 

 Смежные вопросы

  • Нет связанных вопросов^_^