单击我自己的按钮时防止灯箱关闭

Question

我使用的是SimpleLightbox v1.15.0，希望能够使用按钮旋转图像。我在下载的演示页面上添加了一个按钮，(经过大量努力(按钮与灯箱一起出现，关闭后消失。

我在现有函数下面写了这个。。。

$('.theButton').click(function(){
$('.sl-image').css({'transform':'rotate(90deg)'});
});

尝试使旋转工作，但当包含图像的类sl-image的div旋转时，灯箱会淡出/关闭。单击此按钮时，我希望灯箱保持不变。

我是不是错过了什么？

Answer 1

我发现了自己问题的答案。相关联的javascript文件有一小段代码，如下所示：

// close on click on doc
$( document ).on('click.'+prefix+ ' touchstart.'+prefix, function(e){
if(opened){
if((options.docClose && $(e.target).closest('.sl-image').length === 0 && $(e.target).closest('.sl-navigation').length === 0)){
close();
}
}
});

我添加了

$(e.target).closest('.theButton').length === 0

到最内部的if语句，当单击按钮时，这似乎已经停止关闭灯箱。