使用Javascript定时器删除元素无效

Question

<script>
setTimeout(function(){
$(document).ready(function(){
  $("button").click(function(){
    $("#a1").remove();
  });
});
},22000)
</script>

代码如上，jQuery加使用定时器设置删除id为a1的div无效呢，求大神支招

Answer 1

22 秒之后 该按钮可以点击后可以删除a1

<script>
$(document).ready(function(){
    setTimeout(function(){
      $("button").click(function(){
        $("#a1").remove();
      });
    },22000);

});
</script>

22秒后 自动删除a1

<script>
$(document).ready(function(){
    setTimeout(function(){
        $("#a1").remove();
    },22000);
});
</script>

原理我不也想讲，因为我本意和楼上一样，希望楼主多看基础。

Answer 2

你这个目标要完成，需要三个条件

1. 计时器读完

2. dom树创建完成

3. 鼠标点击

而且是必须按照这个顺序，所以你的dom树创建时间＜22000ms
你这个目标就永远不会完成

所以建议你多看基础