2015-11-09 69 views
2

我從bootstrap-confirmation.min.js彈出一個問題。 我做了一個按鈕來刪除圖片,但在刪除之前,您會在按鈕下方看到一個小的彈出窗口。選擇:是/取消。Popup bootstrap確認問題

雖然我點擊取消,並試圖再次點擊我的按鈕,我必須點擊我的按鈕兩次,然後再次工作。當我在盒子外面點擊時,彈出窗口也不會關閉。我無法找到任何信息來解決我的問題。

有人可以幫我嗎?
我的按鈕看起來是這樣的:

<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 = {};