Question

我有这样的事情：

HTML

<body>
    <div>
        <p>Text</p>
    </div>
<body>

JQuery的

$('div').click(function(){
    $(this).find('p').fadeToggle('fast');
});
$('body').click(function(){
    $('div').find('p').fadeOut();
});

单击前面的项目时如何防止单击后退项目？

Answer 1

您可能需要event.stopPropagation()或需要从click事件处理程序返回false。

$('div').click(function(event){
    event.stopPropagation();
    $(this).find('p').fadeToggle('fast');
});

描述：阻止事件冒泡DOM树，防止任何父处理程序被通知事件。

Answer 2

要阻止事件传播，您需要从事件处理程序return false。

$('div').click(function(){
  $(this).find('p').fadeToggle('fast');
  return false;
});

Answer 3

我没有jQuery的经验，但这有效：

$('div').click(function(){
    $(this).find('p').fadeToggle('fast');
});

而不是

$('div').click(function(){
    $(this).find('p').fadeToggle('fast');
});
$('body').click(function(){
    $('div').find('p').fadeOut();
});