Question

我的应用程序中有一个灯箱（YUI）。通过利用右上方的'x'关闭此灯箱，我需要执行一系列操作。为此，我需要捕获灯箱关闭时触发的事件。有人可以帮忙吗？注意 - 我在网上进行了一些研究，甚至浏览了YUI js文件，但无法找到解决方案。

Answer 1

不幸的是，YUI图库中的Lightbox模块非常过时，并且没有使用任何可以让您对正在关闭的灯箱做出反应的YUI组件。我建议您使用与Lightbox非常相似的AUI's ImageViewer component。它允许您收听一个表示观众关闭的事件，如下所示：

YUI().use('aui-image-viewer', function(Y) {
  var imageViewer = new Y.ImageViewer({
    links: '#gallery a'
  });
  imageViewer.render();
  imageViewer.on('visibleChange', function (Y) {
    // if e.newVal is false, then the image viewer is being hidden
    if (!e.newVal) {
    }
  });
});

Answer 2

可能会做这样的事情：

Y.one('#buttonNavClose').on('click', doSomething);

buttonNavClose是关闭按钮节点的id。

关闭YUI灯箱的捕获事件

2 个答案: