jquery之事件error小提醒

最新推荐文章于 2024-10-02 05:39:15 发布

xiaoliang330

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量107

点赞数

分类专栏： web 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/xiaoliang330/article/details/84114163

版权

web 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

今天用到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了