Question

我正在使用JS库turnjs作为翻书而且效果很好。我添加了一个徽标和一个链接供访问者返回主页。返回主页的链接在加载时隐藏，并设置为显示延迟7秒，但是当您点击链接时没有任何反应。

我环顾四周寻找建议，发现了一些，但仍然无法获得链接。这是我用于链接的代码：

CSS：

.inicio {
border: 3px solid white;
color: white;
left: 10px;
padding: 10px;
position: absolute;
top: 150px;
}
a {
color: white;
}

HTML：

<header>
<img src="losgens.png" class="logo" alt="Los Generales Revolucionarios">
<h3 class="inicio"><a href="http://www.losgeneralesrevolucionarios.com/" class="click">INICIO</a></h3>
</header>

JQuery的：

<script>
$(document).ready(function(){
    $("h3.inicio").hide()

        setTimeout(function() {
            $("h3.inicio").fadeIn(1500);
        },7000);

    $('a.click').unbind('click');
});
</script>

我找到了$（'a.click'）。unbind（'click'）;作为建议（其他），但它不启用点击功能。任何想法??

Answer 1

我一直在四处寻找答案并尝试不同的事情，我在用萤火虫检查时意识到我无法用鼠标选择目标区域（链接），也许这与它的z-index有关。通过增加它的z-index，我注意到我现在可以选择它，链接现在可以正常工作。所以解决方案就是像这样修改css：

.inicio {
border: 3px solid white;
color: white;
left: 10px;
padding: 10px;
position: absolute;
top: 150px;
z-index: 1000; /* the handling! */
}

这是链接：

http://www.losgeneralesrevolucionarios.com/menu/

TURNJS UNBIND CLICK EVENT

1 个答案: