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

Question

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

我已经在现有函数下面写了这个...

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

..尝试让旋转正常工作，但是随着 div 和 class sl-image 包含图像的旋转，灯箱逐渐消失 out/closes。单击此按钮时，我希望灯箱保持不变。

我是不是漏掉了什么？

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

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

Prevent lightbox closing when clicking on my own button

jquery

lightbox