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

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 语句，这似乎在单击按钮时停止关闭灯箱。