Question

我通过DataTables.net创建了动态（ajax）图片表。通过colorbox显示图片效果很好

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

html元素为<a href='/picture.jpg' rel='gallery1' ...

当我第一次点击图片时，颜色框总是以图库顺序显示第一张图片。如何设置/聚焦当前点击的图片？（当我使用这个时，颜色框只显示一张图片。）

感谢名单

更新示例以获得更好的说明：

<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）我打开网页并点击图片3 并提醒显示href /image1.jpg

2）然后我关闭彩盒窗口并点击图片3 并提醒显示正常 /image3.jpg

3）仅在第一次，当我展示画廊时，总有第一张图片，坏的初始化？

Answer 1

在点击功能调用中尝试此操作

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

其中input：first应该替换为要聚焦的项目。

干杯

Answer 2

我发现:)解决另一个线程stackoverflow Jquery colorbox: initialize gallery on click来自 kolypto

将jQuery colorbox插件添加到动态创建的元素中始终显示第一张图片

2 个答案: