防止事件触发

Question

我有两个函数，一个是当某人点击这个可折叠模式的标题时折叠这个东西，另一个是打开一个模式的函数，但是我用它作为触发器来打开这个模式，它位于可折叠模式的标题上，所以当有人点击这个图标时，它会同时打开这个模型，并且进行折叠，但是我只是想打开这个模型，而不是去做这个折叠的事情，那么我如何防止它触发我的崩溃呢？

塌陷

$(document).on('click', '.panel-heading', function () {

var valgtElement = $(this).next();

$.each($('.panel-collapse'), function (index, value) {

    if ($(this).attr('id') == valgtElement.attr('id')) {
        $(this).collapse('toggle');
    } else {
        if ($(this).hasClass('in')) {
            $(this).collapse('toggle');
        }

    }

});

});

图标单击

$('body').on('click', '.fa-trash-o', function () {

$('#slettModal').modal();

});

Answer 1

使用stopPropagation

$('body').on('click', '.fa-trash-o', function (e) {
    e.preventDefault();
    e.stopPropagation();
    $('#slettModal').modal();
});

Answer 2

只需使用event.stopPropagation()

链接获得更多详细信息

$('body').on('click', '.fa-trash-o', function (e) {
 e.preventDefault();
 e.stopPropagation();
 $('#slettModal').modal();
});

Answer 3

尝尝这个

 $('body').on('click', '.fa-trash-o',
             function (event) {
                event.stopImmediatePropagation()
                $('#slettModal').modal();

  });

确保在函数声明中包含event参数

http://api.jquery.com/event.stopImmediatePropagation/

如何在jQuery中防止第一个事件处理程序中的其他事件处理程序