如何将点击限制为仅 H2

Question

http://jsfiddle.net/dragontheory/CxNnB/

需要能够将点击限制为仅 H2。否则，单击内部内容会将其关闭。

更改：

$('article').on('click', function() {

自

$('h2').on('click', function() {

无济于事，因为它不是父母？

谢谢。

原文：http://paintincode.blogspot.com/2012/04/css3-transition-slideup-box-take-2.htmlhttp://jsfiddle.net/cpkDg/

Answer 1

它

不起作用，因为.content不是this的子元素，这是在这种情况下<h2>元素。您可以使用$(this).parent()遍历到 <h2> 的父元素：

$('h2').on('click', function() {
    slide($('.content', $(this).parent()));
});

演示

Answer 2

$('h2').on('click', function() {
    slide($(this).next('.content_w').find('.content'));
});

或

$('h2').on('click', function() {
    slide($(this).parent().find('.content'));
});

Answer 3

$('h2').on('click', function() {
  slide($(this).parent().find('.content')); 
});

演示

Answer 4

您可以检查是否是点击的h2

$('article').on('click', function(e) {
    if ($(e.target).is('h2')){
        slide($('.content', this));
    }
});

小提琴