时间戳

首页 > 解决方案 > 单击我自己的按钮时防止灯箱关闭

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

问题描述

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

我已经在现有功能下写了这个......

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

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

我错过了什么吗？

标签： jquerylightbox

解决方案

我发现了我自己问题的答案。相关的 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 语句，这似乎在单击按钮时停止关闭灯箱。

推荐阅读