jquery - 動的に作成された要素にjQueryカラーボックスプラグインを追加すると、常に最初の画像が表示されます

Question

DataTables.netで動的に（ajax）picturesテーブルを作成しました。カラーボックスで写真を表示するはうまく機能しています

$('.colorbox').live('click', function(e) {
    e.preventDefault();
    $('.colorbox').colorbox({open:true});
});

html要素は<a href='/picture.jpg' rel='gallery1' ...

最初にワンクリックして画像を表示すると、カラーボックスには常にギャラリーシーケンスの最初の画像が表示されます。現在クリックされている画像に設定/フォーカスするにはどうすればよいですか？（これを使用すると、カラーボックスには1つの画像しか表示されません）。

ありがとう

より良い説明のために例で更新してください：

<a href="/image1.jpg">image 1</a>
<a href="/image2.jpg">image 2</a>
<a href="/image3.jpg">image 3</a>

     $('.colorbox').live('click', function(e) {
e.preventDefault();
$('.colorbox').colorbox({open:true}, function() { alert(href:$(this).attr('href')); });
});

1）Webページを開き、画像3をクリックして、 showhref/image1.jpgにアラートを表示します。

2）次に、カラーボックスウィンドウを閉じて、画像3をクリックし、通常どおり/image3.jpgにアラートを表示します。

3）初めてギャラリーを表示するとき、常に最初の画像があります、悪い初期化？

Answer 1

クリック関数呼び出し内でこれを試してください

$('#elementID').colorbox({width:"100%"}, function(){
$("input:first").focus();
});

input:first は、フォーカスするアイテムに置き換える必要があります。

乾杯

Answer 2

私が見つけた:)別のスレッドで解決する