Question

我有以下功能：

List<Car> list = new DB<>(Car.class).getList();

单击时激活：

function viewdwable(dwableid) {
  $("#modal-body2").html('Temporary loading message..');
  $("#myModal").fadeIn(300);
  $.ajax({
    url: 'scripts/viewdwablehome.php',
    data: { "currentNumber": dwableid, "usersid": usersid },
    type: 'post',
    dataType: "json",
    success: function(data) {
      $('#modal-body2').html(data['cntent12']);
    }
  });    
}

问题是我在div中有另一个onclick链接。单击该onclick时，我不希望它同时触发div onclick。

Answer 1

在proper event handler内触发您的函数，因此您可以使用event.stopPropagation()作为内部元素。这样可以防止事件冒泡DOM。

$('.postfeed2').on('click', function(){
    alert('clicked outer');
});

$('a').on('click', function(e){
    e.stopPropagation();
    alert('clicked inner');
});

Example

Answer 2

您需要使用stopPropagation。

详细了解event.stopPropagation()

从“click”事件处理程序返回特定的DOM元素

2 个答案: