我通过 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)只有第一次,当我展示画廊时,总是有第一张图片,初始化不好?