Javascript 防止事件触发

我有两个函数，一个是当有人点击可折叠文件的标题时折叠文件，还有一个是打开模式的函数，但是我用来触发打开模式的打开模式图标，在可折叠文件的标题上，所以当有人点击图标时，它会打开模式文件，并进行折叠文件，但是我只想打开模态，而不是做折叠的事情，那么我如何防止它触发我的折叠呢

崩溃

$(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();

});

试试这个

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

  });

确保在函数声明中包含

事件

参数

试试这个

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

  });

确保在函数声明中包含

事件

参数

试试这个

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

  });

确保在函数声明中包含

事件

参数

试试这个

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

  });

确保在函数声明中包含

事件

参数

使用

使用

使用

使用

---

只需使用event.stopPropagation（）即可

欲知详情

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

---

只需使用event.stopPropagation（）即可

欲知详情

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

---

只需使用event.stopPropagation（）即可

欲知详情

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

---

只需使用event.stopPropagation（）即可

欲知详情

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