带有不可点击元素的可点击div.

Question

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

我写了这一点来说明我的问题,但基本上我在div上有一个linkbutton,通过点击切换另一个div,但我希望linkbutton不切换,并免于click事件.

我也不能使用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();
  })
})