javascript - 具有不可点击元素的可点击 div。

Question

http://codepen.io/anon/pen/zxoYBN

我写了这一点来说明我的问题，但本质上我在一个 div 上有一个 linkbutton，它通过点击切换另一个 div，但我希望 linkbutton 不切换，并且不受点击事件的影响。

我也不能使用 cursor-event:none;技巧，因为我必须使它与 IE 一起工作。

这是javascript:

$(function(){
  $('#expandingHeader').click(function(){
    $('#expandingContent').slideToggle();
  })
})

我希望单击应该位于#expandingHeader 顶部的 div 不会导致 clickevent，但确实如此。任何帮助，将不胜感激。

Answer 1

$(function(){
  $('#expandingHeader').click(function(){
    $('#expandingContent').slideToggle();
  })
  $('#expandingHeader>a').click(function(e){
    e.stopPropagation();
  })
})