javascript - jquery 的.on()绑定了load事件,结果不执行里面的函数

查看:212
本文介绍了javascript - jquery 的.on()绑定了load事件,结果不执行里面的函数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

页面里面有这样的HTML模块

<div id="screen">
<div id="mark">
<img id="cover" src="图片地址"/>
</div>
</div>

然后我写了这样的js

$("#cover").load(function(){
  alert("OK!");
});

写成这样也不行

 $("#cover").on('load', function() {
  alert("OK!");
});

结果执行的时候,不会有弹出框出现,alert("OK!"); 根本没有执行?是什么问题呢?

我把 "#cover"换成"img" 就可以了?是什么原因呢?

求指教

解决方案

我测试是可以的哈,juqery1.9.1。
把 "#cover"换成"img" 就可以了,请检查你的id是否被覆盖了。或者打开chrome开发者工具调试一下。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="jquery.js" type="text/javascript"></script> 
</head>
<div id="screen">
    <div id="mark">
        <img id="cover" src="img/dialog1_1.png"/>
    </div>
</div>
<script type="text/javascript">
    $("#cover").load(function(){
        alert("OK1!");
    });

    $("#cover").on('load', function() {
        alert("OK2!");
    });
</script>
</body>
</html>

这篇关于javascript - jquery 的.on()绑定了load事件,结果不执行里面的函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆