0

我通过 DataTables.net 创建了动态(ajax)图片表。按颜色框显示图片效果很好

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

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

当我第一次点击图片时,彩盒总是显示画廊序列中的第一张图片。我如何设置/聚焦到当前点击的图片?(当我使用这个时,colorbox 只显示一张图片)。

谢谢

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

<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)然后我关闭colorbox窗口并单击图像3并正常显示/image3.jpg

3)只有第一次,当我展示画廊时,总是有第一张图片,初始化不好?

4

2 回答 2

1

在你的点击函数调用中试试这个

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

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

干杯

于 2013-03-06T09:01:44.043 回答
0

我发现:) 在另一个线程stackoverflow Jquery colorbox中解决:kolypto点击初始化画廊

于 2013-03-08T08:10:21.407 回答