Question

我在Lightbox使用Awkward Showcase时遇到问题。我可以单独打开图像，但应将它们分组。显然，Awkward Showcase按需创建元素，并且卸载的元素会丢失事件。似乎.live函数应该起作用，例如：

$(".showcase-content a").live('click', function() {
  $.fancybox({
    'autoDimensions': false,
    'width': 'auto',
    'height': 'auto',
    'href': $(this).attr('href')
  });
  return false;
});

或

$(".awkward a").live("click", function() {
  $.fancybox({
    'href': 'bigimage.jpg'
  });
});

但它似乎不起作用。我应该在哪里应用这个功能？我会更改哪些数据？现在，我不得不将Lightbox链接放在HTML中的每个幻灯片调用中，但这是一个非常糟糕的解决方案。

Answer 1

这里我为您编写了一个示例代码，以便您了解fancybox的工作原理： http://jsfiddle.net/tt1a5hyh/

$(document).ready(function(){
$(".showcase-content a").fancybox();
});

JQuery的主要思想不是在这里处理click事件，而只是在你需要的元素上设置'fancybox'功能：

$(".showcase-content a").fancybox();

我把它包装成'准备好文件'，以确保加载图像然后脚本开始工作。

我希望我的例子可以帮助你弄清楚这些灯箱是如何工作的。

使用Lightbox与Awkward Showcase

1 个答案: