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();
모든 것이 작동하는 것 같군 : 좋아
jsfiddle을 제공 할 수 있습니까? – Dom
마지막 코드 단편에서 'aaa'객체를 html 문자열에 직접 넣습니다. 이렇게하면 잘못된 결과가 나옵니다. – moha297