2015-11-09 3 views
2

У меня проблема с всплывающим окном из bootstrap-confirm.min.js. Я сделал кнопку, чтобы удалить изображение, но перед его удалением вы получаете небольшое всплывающее окно под кнопкой. Опции: Да/Отмена.Проблемы с загрузкой всплывающих окон

Пока я нажимаю на отмену и снова пытаюсь щелкнуть по моей кнопке, мне нужно дважды щелкнуть по моей кнопке, прежде чем она снова будет работать. Всплывающее окно также не закрывается, когда я выхожу за пределы поля. Я не могу найти какую-либо информацию для решения моей проблемы.

Может ли кто-нибудь здесь помочь мне?
Моя кнопка выглядит следующим образом:

<button class="btn btn-default btn-danger" data-foto="<?php $data['fotoproduct']->foto2 ?>" id="delete_2" data-toggle="confirmation"> 

Verwijder

Мой код выглядит следующим образом:

$(function(){ 
     var removeFunction = function(id) { 
      var number = id.split('_'); 
      var foto = $('#foto_' + number[1]).attr('href'); 
      var p_id = $('#hidden_field').data('p_id'); 
      $.ajax({ 
       type: "POST", 
       url: "verwijderfoto", 
       data: {foto: foto, p_id: p_id}, 
       cache: false, 
       success: function (data) { 
        $('#delete_' + number[1]).hide(); 
        $('#load').fadeOut(); 
        $('#foto_' + number[1]).hide(); 
        $('.text_delete_' + number[1]).append("Geen foto"); 
       } 
      }); 
     }; 
     $('[data-toggle="confirmation"]').confirmation({ 
      title: "Weet u het zeker ?", 
      backdrop: "static", 
      btnCancelLabel: "Cancel", 
      btnOkId: "test", 
      placement: "bottom", 
      onCancel : function(){ 
       $(this).confirmation('hide'); 
      } 
     }); 
     $('#imgs > button').on('click', function() { 
      var id = $(this).attr('id'); 
      $('body').on('confirmed.bs.confirmation', function(){ 
       removeFunction(id); 
      }) 
     }); 
    }); 

Помимо этого файла, я использую регулярные бутстраповских-confirmation.min.js , Надеюсь, этого достаточно.

С нетерпением жду вашего ответа.

+0

Можете ли вы предоставить jsfiddle, чтобы увидеть проблему? – ElChiniNet

ответ

0

попытаться добавить эту строку в начале бутстраповских-confirmation.js

, если (== this.inState не определено) this.inState = {};

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