jQuery error() 方法

  • 定义和用法

    error() 方法在 jQuery 1.8 版中已弃用,在 jQuery 3.0 版中已删除。
    当元素遇到错误时(如果元素未正确加载),会发生错误事件。
    error() 方法触发错误事件,或者附加函数以在发生错误事件时运行。
    提示:此方法是bind('error',handler)的快捷方式。
  • 语法

    触发所选元素的错误事件
    $(selector).error()
    将函数附加到错误事件
    $(selector).error(function)
  • 参数

    参数 描述
    function 可选的。指定发生错误事件时要运行的函数
  • 示例

    下例演示了如果 image 元素遇到错误,把它替换为文本:
    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>欢迎来到蝴蝶教程</title>
       //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
       <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
       <script>
           $(document).ready(function () {
               $("img").error(function(){
                  $("img").replaceWith("<p>图片加载错误!</p>");
               });
               $("button").click(function(){
                  $("img").error();
               });
            });
       </script>
    </head>
    <body>
         <img src="/images/paris.jpg" alt="Pulpit rock" width="284" height="213">
         <button>图片触发 error 事件</button>
    </body>
    </html>
    
    尝试一下