2013-03-11 162 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(); 

一切似乎是工作。