事件加载并准备好不开火

时间:2016-11-05 20:18:39

标签: javascript jquery

这是我的代码:

$(document).on('ready load click',function(){
    console.log('hiihuhu')
})

我在上面包含了jquery脚本。 问题是click事件正在触发但是load或ready事件不是。 我在控制台中没有看到任何错误。 可能是什么问题?

1 个答案:

答案 0 :(得分:3)

您使用的是哪个版本的jQuery

根据jQuery docs

$(document).on(" ready",handler),从jQuery 1.8开始不推荐使用,并在jQuery 3.0中删除。请注意,如果在附加此事件之前DOM已准备就绪,则不会执行处理程序。



$( window ).load(function() {
 alert("hello");
});

$(document).ready(function(){
   $(document).on('click',function(){
     alert("in click event");
     });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>hello</div>
&#13;
&#13;
&#13;

  1. Window onload::在加载了包含图片的所有内容后被触发

  2. document.ready :在加载html文档后触发

  3. 所以我猜你不能把所有三个事件都准备好,加载并点击你尝试过的方式

    希望有所帮助