2013-03-11 3 views
0

사용 된 이미지를 클릭하면이 클릭 된 이미지를 라이트 박스에 넣고 싶습니다. 그게 효과가 있어요. 라이트 박스에 표시된 이미지 옆에 다른 기능을 추가하고 싶습니다. 아직 양식을 추가하고 싶습니다.개체를 문자열에 넣는 방법?

var aaa = $(this).addClass("some_class"); 
aaa.modal(); 

이것은 잘 작동합니다. 이미지가 라이트 박스에 올바르게 표시됩니다. 또한

,

var aaa = $(this).addClass("instagram_modal_active"); 
var modal_data = $('#show').html('<div class="modal"><div class="left">xx</div><div class="right">sfaf sf</div></div>'); 

modal_data.modal(); 

이뿐만 아니라 제대로 작동 - 라이트 창에서 텍스트와 2 열이 표시됩니다. 이제

, 나는 왼쪽 열로 클릭 한 이미지를 넣어 싶습니다

var aaa = $(this).addClass("instagram_modal_active"); 
var modal_data = $('#show').html('<div class="modal"><div class="left">'+aaa.html()+'</div><div class="right">sfaf sf</div></div>'); 

modal_data.modal(); 

또는

var modal_data = $('#show').html('<div class="modal"><div class="left">'+aaa+'</div><div class="right">sfaf sf</div></div>'); 

그러나 클릭 한 이미지의 미니 레이아웃 안에 표시되지 않은 두 경우 모두

라이트 박스.

"오류"메시지 관련 오류 - [object Object]과 같은 오류가 발생하거나 이미지를 라이트 박스 외부에 표시하고 있습니다.

다른 텍스트로 이미지를 넣는 방법에 대해 조언 해 줄 수 있습니까?

var aaa = $(this).addClass("some_class"); 
var modal_data = $('#show').html('<div class="modal"><div class="left"></div><div class="right">sfaf sf</div></div>'); 
$('.left').html(aaa);  

modal_data.modal(); 

모든 것이 작동하는 것 같군 : 좋아

+1

jsfiddle을 제공 할 수 있습니까? – Dom

+1

마지막 코드 단편에서 'aaa'객체를 html 문자열에 직접 넣습니다. 이렇게하면 잘못된 결과가 나옵니다. – moha297

답변

0

는, 그래서 이런 식으로 해결했습니다.

관련 문제