2013-03-11 161 views
0

当用户点击图片时,我想把这个点击图片放入lightbox中。这很奏效。 我想添加另一个功能,并在灯箱中显示的图像旁边,我想在那里放置一个表单。如何将对象放入字符串?

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(); 

这是否正常工作,以及 - 在灯箱窗口显示两列用一些文字。

现在,我想投入左栏点击图像:

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]或显示灯箱外的图像。

我可以问问你们有关如何将图像与其他文本的建议吗?

+1

你能提供jsfiddle吗? – Dom 2013-03-11 17:06:51

+1

在最后的代码片段中,您将对象'aaa'直接放入html字符串中。这会导致错误的输出。 – moha297 2013-03-11 17:08:48

回答

0

好了,我定这样说:

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(); 

一切似乎是工作。