[Event] JQ - error() 메서드 - JQ 1.8 폐기예고. JQ 3.0 폐기완료. / 에러 이벤트 촉발 + 에러 이벤트 발생 시 실행 내용 정의. (= error메서드 = 에러메서드)

목차

1. error() 예제 - 에러 이벤트 촉발.
2. error() 정의
3. error() 구문
4. error() 예제 - 에러 이벤트 발생시 실행할 내용 설정

error() 예제 - 에러 이벤트 촉발.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script>

$(document).ready(function(){

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

    $("img").replaceWith("<p>이미지 로드 실패</p>");

  });

  $("button").click(function(){

    $("img").error();

  });

});

</script>

<img src="https://source.unsplash.com/random" alt="랜덤이미지" width="284" height="213"><br>

<button>클릭</button>

 

결과보기

error() 정의

 

에러 발생시,  에러이벤트 촉발시키거나 실행할 함수 정의.

 

---

 

1. 

JQ 1.8 폐기예고.

JQ 3.0 폐기완료.

 

2.

원래 표현: bind ( 'error', handler)

 

error() 구문

 

에러 이벤트 촉발. (위 예제)

$(selector).error()

 

에러 이벤트 실행 내용 정의. (아래 예제)

$(selector).error(function)

 

---

[매개변수]

 

function

선택. 에러 이벤트 발생시 실행할 내용.

 

error() 예제 - 에러 이벤트 발생 시 실행할 내용 설정.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script>

$(document).ready(function(){

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

    $("img").replaceWith("<p>이미지 로드 실패</p>");

  });

});

</script>

<img src="errorimg.gif">

 

결과보기