Question

我收到了一个包含以下代码的按钮：

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

我无法找到让它淡出的方法，当我点击它时它什么都不做

Answer 1

什么时候你会调用这个脚本吗？你必须这样做

A）以$（文件）.ready-Event

之后的方式

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

C）使用.on()方法

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

Answer 2

当DOM完全加载时你必须调用该函数，所以这样做：

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

    });
</script>

Answer 3

你可以试试这个：

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

或者你可以节省时间并做这个小技巧：

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

Javascript淡出了这个范围

3 个答案: