저는 모든 이미지를 Ajax를 통해 가져오고 있으며이 프로젝트의 프런트 엔드에 대한 빠른 픽스를 찾고 있습니다. 나는 몇 가지 jQuery 라이트 박스 플러그인을 시도했지만, 라이브 기능으로 수행 할 수없는 것처럼 보였다.
현재 Balupton의 Lightbox Plugin (새로운 사용자로 인해 연결할 수 없음)을 사용하려고 시도하고 모든 예제를 사용하지 않으려 고 시도한 후에도 시도했습니다 (
).$('a.lightbox-gallery').live('click', function(){
$(this).lightbox();
});
도움이되었습니다.
1) 라이브 이벤트 2) 아약스가 완료된 후에 만 새로운 요소에, 라이트 박스를 호출 할 수 있습니다에 바인딩 라이트 플러그인을 해킹 할 수
$.ajax({
type: "POST",
url: "url.php",
cache: false,
success: function(data){
$(data).find('a[rel=lightbox]').lightbox(settings).end().appendTo('#ajaxTarget');
}
});
settings를 들어 당신이 피하기 위해 배열을 사용할 수 있습니다 두 번 같은 일을을 writting,
당신이
$('a[rel=gallery]').live('click', function() {
url = this.href; // this is the url of the element event is triggered from
$.colorbox({href: url});
return false;
});
이것이 그룹화를위한 해결책이 아닌 것 같습니까? – mrzmyr
처럼 colorbox와 jQuery의 라이브 기능을 사용할 수있는 것은) 당신은 또한 일에 좀 걸릴 수 있습니다
$('.ajax-loaded-element').livequery('click',function(){
//do somenthing
});
당신이 할하려는 어떤 것을 작동하지 않는 : 당신이 JQuery와 파일 내부에 그 플러그인을 포함하고 간단한 JQuery와 함수로 것을 사용할 수 있습니다 http://docs.jquery.com/Plugins/livequery ) 그리 나쁜 플러그인을 플러그인 전자 livequery의 JQuery와 ? – tvanfosson
Ajax를 통해 페이지로 가져온 모든 이미지에 라이트 박스 기능을 추가하고 싶습니다. 따라서 사용자가 새 카테고리를 클릭하면 페이지에 새로운 이미지가로드되고 이미지를 클릭하면 라이트 박스가 나타납니다. 일하는 한, 그렇게하지 않습니다. 조금도. 아무리 노력해도. 현재 ColorBox (http://colorpowered.com/colorbox/)를 사용하려고 시도했지만 여전히 성공하지 못했습니다. 나는 모든 예제를 시도해 보았지만 실제 함수에 넣으려고했지만 행운이 없었다. 아이디어가 있으십니까? – robotmay
사실, 방금 고쳤습니다. ColorBox로 둘러보고 작동 시키십시오. 이미지가 바뀔 때마다 함수에서 실행하고 있는데, 이전 라이트 박스 플러그인에서 작동하지 않는 것 같지만이 라이트 박스에서는 작동합니다. 만세! – robotmay