猿问

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" 就可以了？是什么原因呢？

求指教


米琪卡哇伊
浏览 3938回答 1
1回答

皈依舞

我测试是可以的哈，juqery1.9.1。把 "#cover"换成"img" 就可以了，请检查你的id是否被覆盖了。或者打开chrome开发者工具调试一下。<!DOCTYPE&nbsp;html><html><head> &nbsp;&nbsp;&nbsp;&nbsp;<title></title> &nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;src="jquery.js"&nbsp;type="text/javascript"></script>&nbsp;</head><div&nbsp;id="screen"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="mark"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img&nbsp;id="cover"&nbsp;src="img/dialog1_1.png"/> &nbsp;&nbsp;&nbsp;&nbsp;</div></div><script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;$("#cover").load(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("OK1!"); &nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;$("#cover").on('load',&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("OK2!"); &nbsp;&nbsp;&nbsp;&nbsp;});</script></body></html>
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答