Javascript在这段时间内逐渐消失

我得到了一个带有以下代码的按钮：

<script>$('#sumbitf').click(function(){
  $('#sumbitf').fadeOut();
});</script>
<span href="#" type="sumbit" class="button2" id="sumbitf">Wrong details</span>

$（'#sumbitf'）。单击（函数（）{
$（'#sumbitf'）.fadeOut（）；
});
错误的细节

我想不出一种方法使它淡出，当我单击它时，它什么也不做

您可以尝试以下方法：

$(document).ready(function() {
    $('#sumbitf').click(function(){
      $('#sumbitf').fadeOut();
    });
});

或者你可以节省时间，做这个小把戏：

<span onClick="$(this).fadeOut()">I like peanuts</span>

我喜欢花生

您何时调用此脚本？你必须这么做

A） 在$（document）.ready事件之后以您的方式

B） 在动态设置内容后，以您的方式

C） 使用

.on（）

方法

$('#sumbitf').on({
  click:function(){
          //$('#sumbitf').fadeOut();
          $(this).fadeOut();
          return false;
        }
);

---

当DOM完全加载时，您必须调用该函数，因此如下所示：

<script>
    $(document).ready(function(){
     $('#sumbitf').click(function(){
          $('#sumbitf').fadeOut();
        });

    });
</script>

$（文档）.ready（函数（）{
$（'#sumbitf'）。单击（函数（）{
$（'#sumbitf'）.fadeOut（）；
});
});

工作正常，只需在准备好文档之前运行即可。使用内联JavaScript作为一种快速的“技巧”似乎不是什么好建议。