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语句，单击按钮似乎停止了关闭灯箱的操作。

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

1 个答案: