`
xiaoliang330
  • 浏览: 112198 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery之事件error小提醒

    博客分类:
  • web
 
阅读更多
今天用到jquery的事件中的error方法,发现当标签img的src图片地址加载不到而应调用error事件时,却没有发生调用,代码如下:


<html>
<head>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

  $("img").error(function(){

    $("img").replaceWith("<p><b>图片未加载!</b></p>");
  });
});
</script>
</head>
<body>
<img src="android_normal.png" />
<p>如果上面的图像没有正确地加载,会被替换为一段 "图片未加载" 的文本。</p>
</body>
</html>



图片android_normal.png放在同一级目录,而当我想让它调用error事件方法时,比如写成
src="xxx.png"时,error事件却没有发生,最后调用网络地址的图片,才发现问题所在。

比如你写成src="http://www.baidu.com/xxx.png"时,error事件发生了,这时,src是一个完整的URL了
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics