jQuery按钮在整个页面上的任何单击事件上触发

Question

这可能是一个非常简单的问题。

这是我的代码。

$( document.body ).click(function () {
  if ( $( ".more" ).first().is( ":hidden" ) ) {
    $( ".compleatelist" ).slideDown( 6000 );
  } else {
    $( ".compleatelist" ).hide();
  }
});

• 我正在尝试创建一个“阅​​读更多”按钮，该按钮会向下滑动以显示更多信息。
• 按钮类被称为更多。
• 隐藏的文本类称为compleatelist。

但是，当我单击整个页面中的任何单击事件而不是我的“ .more”按钮时，按钮触发？

我在这里想念什么？

Answer 1

$( document.body ).click() <-- This means you are firing click on all clicks on the document body

您可能想要

$(".more").click(function(e){
    // $(this)  <-- this is the element you just clicked on
});

仅在单击包含more类的元素时才会触发事件。