У меня проблема с всплывающим окном из 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 , Надеюсь, этого достаточно.
С нетерпением жду вашего ответа.
Можете ли вы предоставить jsfiddle, чтобы увидеть проблему? – ElChiniNet