Tenho um Bootstrap dropdown onde uma lista dinâmica é carregada quando o usuário abre o mesmo. O problema é que cada vez que existe uma iteração, por exemplo quando o usuário apaga um item da lista, o dropdown é fechado. Quero que o dropdown seja fechado somente quando o usuário clica no botão para fechar o mesmo.
Como evitar que em cada iteração o dropdown seja fechado automaticamente?
Código para remover um item da lista.
$('#containerNotice').on('click', 'button[data-process="removeNotice"]', function(event) {
event.preventDefault();
var noticeId = $(this).attr('data-notice-id');
$.ajax({
crossDomain: true,
crossOrigin:true,
type:"post",
url: 'src/inc/notice/',
data: { noticeId: noticeId, DataProcess: 'remove' },
dataType: "json",
success: function(data) {
switch(data.status) {
case 'success':
$('button[data-notice-id="'+noticeId+'"]').prop("disabled", true).css('opacity', '0.2');
break;
}
}
});
});
$(document).on('click', '.dropdown-item', function(event){ event.stopPropagation(); });