elements_jquery를 동적으로 생성하는 jquery 팝업 플러그인 colorbox 바인딩 방법

Colorbox는 매우 사용하기 쉬운 jquery용 팝업 플러그인으로, 풍부한 기능과 좋은 사용자 경험을 제공합니다.

컬러박스 공식 홈페이지: http://www.jacklmoore.com/colorbox/

방금 colorbox를 사용할 때 이전에는 눈치채지 못했던 문제에 직면했습니다.

정적 HTML 요소에 이 플러그인을 사용하는 것에 대해 이야기하곤 했는데, 오늘 동적으로 생성된 요소를 바인딩할 때는 사용할 수 없다는 사실을 발견했습니다.

일반적인 사용법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

www.jb51.net

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){ 
$(".test").colorbox()
});

위 방법은 정적 요소에만 적용됩니다. 컬러박스 효과를 동적 요소에 바인딩하려면 다음 방법을 사용해야 합니다.

위 HTML의 태그가 동적으로 생성된 요소라고 가정하면 js는 다음과 같이 작성되어야 합니다.

코드 복사 코드는 다음과 같습니다.

$(".test).live('클릭',function(){
$.colorbox({href:$(this).attr('href'), open:true, 높이:'100%'});
거짓을 반환합니다.
});

알겠습니다. 문제가 완벽하게 해결되었습니다. 도움이 되길 바랍니다.