로드 된 내용에서 jquery lightBox를 호출하는 방법

jquery 라이트 박스를 사용하여 load()를 사용하여 페이지에로드 된 사진을 표시하려고합니다. 내 코드 :로드 된 내용에서 jquery lightBox를 호출하는 방법

$('#content').on('click', 'a.thumb_link', function(){   
    $('a.thumb_link').lightBox(); 
    return false; 
});

링크를 두 번 클릭해야만 작동합니다.

출처

2012-08-06 Gdev

당신은 두 번 클릭이 필요 제안 게시 한 코드에서 아무 것도 없다 :

이

트릭을했다. 문제를 설명하기 위해 JS Fiddle을 설정하십시오. – Utkanos

[Lightbox 2] (http://lokeshdhakar.com/projects/lightbox2/)를 사용하고 있습니까? 아니면 어떤 플러그인? –

클릭 2 회, 클릭 기능 1 개가 의미가 있습니다. – Ohgodwhy

나는 왜 당황 스럽습니까? 2 개의 답변이 제대로 작동하지 않습니다.

결국 JS는로드 된 페이지에 JS를 포함시켜 스크립트가 다른 콘텐츠와 함께 페이지에로드되도록했습니다.

$('a.thumb_link').lightBox();

출처

2012-08-16 08:28:17 Gdev

당신이 할 수없는 내가 더 나은 솔루션을 제공 할 수있을 수도 있지만 난 단지 내용이 무엇인지 가정 헛소리 잡을 수있는 작업을 예로 들어 더 많은 코드를 가지고 있다면

$('#content').live('click', function() 
{ 
    $('a.thumb_link').lightBox(); 
    return false; 
}

같은, 클래스와 링크에 thumb_link

출처

2012-08-06 17:45:09 chris

당신이 주석에 넣은 코드를 뒤로 캡슐화해야하는 것은 escape 키 아래에있는 키의 왼쪽에있는 키를 틱 (최소한 미국 키보드에서는)합니다. 2, 원래의 게시물을 "편집"하여 다음과 같은 시나리오에 피드백을 추가하여 쉽게 읽을 수 있습니다 :-) – chris

여기 내 전체 코드입니다 :

loaded.php

<a class="thumb_link" href="../members/21000_21999/21659/21659-1.jpg"> 
<img src="../members/21000_21999/21659/21659-1.jpg"></a> 

<a class="thumb_link" href="../members/21000_21999/21659/21659-3.jpg"> 
<img src="../members/21000_21999/21659/21659-3.jpg"></a>

,451,515,

test.php

<!doctype html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<title>Test</title> 
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css"  media="screen" /> 
<script src="js/jquery.js"></script> 
<script src="js/jquery.lightbox-0.5.js"></script> 

<body> 
<a class="link" href="../members/21000_21999/21659/21659-1.jpg"> 
<img src="../members/21000_21999/21659/21659-1.jpg"> 
</a> 

<a class="link" href="../members/21000_21999/21659/21659-3.jpg"> 
<img src="../members/21000_21999/21659/21659-3.jpg"> 
</a> 

<div id="content"></div> 
<script> 
$(document).ready(function(){ 

    $('a.link').lightBox(); 

    $('#content').load('loaded.php'); 

    $('#content').on('click', 'a.thumb_link', function(){   
     $('a.thumb_link').lightBox(); 
     return false; 
    }); 


}); 
</script> 
</body> 
</html>

이미지에 클릭 한 번으로 라이트 박스를 실행합니다 test.php에 직접 코딩 최고 2 이미지

. 아래쪽 2 번로드 된 이미지는 두 번 클릭 할 때만 lightBox를 실행합니다.

아니면 내가 먼저 상단 이미지를 클릭 한 다음 사용하여로드 된 이미지 (정지 두 번 클릭)

임을 클릭하면로드 된 이미지는 라이트 박스를 실행합니다 : JQuery와 v1.7.1 JQuery와 라이트 박스 V0.5 광고를

출처

2012-08-07 03:06:47 Gdev

로드 된 내용에서 jquery lightBox를 호출하는 방법

답변

관련 문제