jQuery单击slideUp not working

Question

$("#front").click(function () {
    $(this).slideUp();
});

和

<div class="a" id="front">
    <div class="b">
        <h1>...</h1>
        <p>..........</p>
    </div>
</div>

这段代码有什么问题吗？因为它不能正常工作。

Answer 1

$(document).ready(function() {
  $("#front").click(function () {
    $(this).slideUp();
  });
});

Answer 2

恰克说的话。

$(document).ready(function() {
   $("#front").click(function () {
     $(this).slideUp();
  });
});

您不能在可能还不存在的div上绑定单击<3

Answer 3

有一件事没有提到，那就是回调函数，它并不真的适用于这里，但是对于那些有这个问题的人来说，这并不能解决它，请确保你没有紧跟在'remove()‘之后的东西。如果您这样做，请使用：

$('#ele').slideUp(function(){
    $(this).remove();
});

就像我说的，以防万一:)