Question

您好，并提前感谢任何有帮助的人。

我有一个我正在建设的网站（FragmentManager.isDestroyed()），我试图在点击打开灯箱时使用图标（使用fancybox）。在灯箱中，我有标签来展示图像。

问题：当灯箱打开时，我希望最初点击的图标位于灯箱覆盖背景的前面，所以我尝试将图像的java切换编码为z-index：10000点击它，它的工作原理，但它与点击不同步，并没有真正正常工作，如果点击灯箱或再次点击图标，我需要它切换。所以它需要与灯箱（fancybox）代码同步点击。有没有办法做到这一点？或任何其他更好的方法来实现这一目标？

这是我到目前为止所做的： Example link

Answer 1

以下代码应该有效：

JS：

$(document).ready(function(){
    $(".toggle-cpl").on("click", function(e){
        $(this).toggleClass("expanded");
       if(!$(this).hasClass("expanded")) {
           $.fancybox.close();
           return false;
       }
    });
});

的CSS：

.toggle-cpl {
  z-index: 999999;
}

关于jsfiddle的工作决定 - http://jsfiddle.net/fcguo4ta/

当您尝试在点击图标时显示/隐藏时，您应该将“fancybox.close”事件触发器添加到图标元素中。

对于z-index - 不需要添加！important标志，并且由于fancybox有转换 - 最好保持z-index静态“扩展”和未扩展语句

切换到使用fancybox

1 个答案: