jquery - jQueryクリックslideUpが機能しない

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

言及されていないことの1つは、コールバック関数です。ここでは実際には適用されませんが、この問題が発生していて解決しない場合は、直後に「remove（）」のようなものがないことを確認してください。使用する場合は、次を使用します。

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

私が言うように、念のために:)