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]ライトボックスの外に画像を表示したり表示したりするなどのエラーが発生しています。

画像を別のテキストと一緒に配置する方法についてアドバイスをお願いできますか?

4

1 に答える 1

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

すべてが機能しているようです。

于 2013-03-11T17:18:25.310 に答える