今天用到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了
分享到:
相关推荐
而jQuery是客户端JavaScript库,它简化了DOM操作、事件处理和Ajax交互。消息提醒通常涉及到Ajax异步请求,通过JSON格式交换数据,以实现前后端的无刷新通信。 1. **设置Java后端**:创建一个Servlet或Controller来...
总结来说,jQuery为实现登录功能提供了便利,包括动态显示隐藏的登录弹出层,处理用户输入的事件,以及通过AJAX与服务器进行通信。结合良好的前端设计和后端安全措施,我们可以创建出既美观又安全的登录系统。
总的来说,“jQuery插件之-右下角弹出提示窗体popMessage”是一个实用且灵活的工具,它可以方便地在网页上添加动态提示功能,提升用户交互体验。无论是初学者还是经验丰富的开发者,都能从中获益,进一步提升自己的...
在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及AJAX交互。本实例将聚焦于jQuery 1.7版本,这是一个相对较老但仍然非常实用的版本,尤其对于初学者来说。在这个...
同时,jQuery库的引入(通过`<script>`标签)使我们能够使用JavaScript的jQuery API进行事件监听和DOM操作。 `dist`文件夹通常是编译或打包后的文件目录,可能包含了处理过的JavaScript、CSS和其他资源文件,这些...
本示例"jQuery实现以红色显示且左右摇晃提醒用户的动态表单验证效果.zip"提供了一种利用jQuery库创建交互性更强、用户体验更佳的表单验证方法。下面我们将详细探讨这一技术实现的关键知识点。 首先,jQuery是一个轻...
noty 是一个很有用的 jQuery 插件,用于创建 alert, success, error and confirmation 信息提示框,替换浏览器标准的对话框。每个提醒都是添加队列并进行显示的。 标签:noty
在IT行业中,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本话题将详细讲解在新手新用户注册界面中,如何利用jQuery来实现各种功能。 首先,jQuery的核心优势...
JQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。在JQuery中集成消息通知插件,可以充分利用其简洁的API和高效的功能来创建动态和响应式的通知系统。 消息提示和消息弹窗...
jQuery由John Resig于2006年创建,它通过提供简洁、易用的API,极大地简化了JavaScript的DOM操作、事件处理和Ajax交互。jQuery的核心特性包括选择器(用于选取DOM元素)、遍历(对选定元素进行操作)和效果(如动画...
icon: 'info', // 提示类型:success, warning, error, info hideAfter: 3000, // 提示消失时间(毫秒) stack: 6 // 多个提示时,堆叠层数 }); }); ``` 2. 在HTML中,你可以通过`<script>`标签引入`demo....
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本教程将详细讲解如何利用jQuery实现一个无刷新的登录弹窗提醒特效,这个功能通常用于提升...
jQuery的`.error()`方法可帮助我们捕获并处理这些异常情况。 8. **可扩展性与兼容性**:优秀的在线咨询特效应具备良好的扩展性和跨浏览器兼容性。jQuery已经对大部分主流浏览器做了优化,确保在不同环境下都能正常...
jQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理和动画效果,是实现此类功能的理想选择。 首先,我们需要理解jQuery的基本用法。jQuery的核心特性是通过$函数选择DOM元素,然后对这些元素...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。本文将深入探讨“jQuery表单验证与表单美化手机发送验证码倒计时插件”的相关知识点,帮助你理解如何实现高效...
**jQuery Messager v1.5:仿QQ消息弹出提醒插件详解** jQuery Messager v1.5 是一个基于jQuery库开发的消息插件,它的设计灵感来源于腾讯QQ的消息提示功能,能够为网页应用提供生动、直观且易于定制的消息提醒服务...
5. error:指定请求失败时的回调函数,用于处理错误信息。 例如在前端页面fresh.html中,通过定时器每秒执行一次ajax请求,并在成功回调函数中将获取到的数据动态添加到表格中。 三、数据库操作 本文示例中使用...
- **自定义事件**:可以监听通知的创建、关闭等事件,实现更复杂的业务逻辑。 - **可扩展性**:允许开发者添加额外的参数和功能,以满足特定需求。 ### 应用场景 jQuery-notice适用于各种需要实时反馈的场景,比如...
jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。在这个场景中,我们将用到jQuery来处理DOM元素的创建和动画效果。 1. **HTML结构**:创建弹窗的基础结构,可以是一个div...