TURNJS 取消绑定点击事件

Question

我正在使用 JS 库 turnjs 制作翻书，效果很好。我为访问者添加了一个徽标和一个 link，以便能够 return 到主页。 link 返回主页在加载时隐藏并设置为延迟 7 秒显示，但是当您单击 link 时没有任何反应。

我四处寻找建议并找到了一些，但仍然无法让 link 工作。这是我用于 link:

的代码

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

我一直在四处寻找答案并尝试不同的东西，然后我在使用 firebug 进行检查时意识到我无法 select 使用鼠标指向目标区域（link）这也许与它的 z-index 有关。通过增加它的 z-index，我注意到我现在可以 select 它并且 link 现在可以工作了。所以解决方案是像这样修改 css：

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

这里是 link:

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

TURNJS 取消绑定点击事件

TURNJS UNBIND CLICK EVENT

jquery

turnjs