TURNJS 解除绑定点击事件答案

【问题标题】：TURNJS UNBIND CLICK EVENTTURNJS 解除绑定点击事件
【发布时间】：2015-03-07 17:48:02
【问题描述】：

我正在将 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');作为建议（除其他外），但它不启用点击功能。有什么想法吗？？

【问题讨论】：

为什么要$('a.click').unbind('click')“启用点击功能”（不管你是什么意思）？ $('a.click').unbind('click') 查找带有 click 类的所有链接，并从 jQuery 中删除所有附加到它的点击处理程序。
因为我认为这是另一个帖子的建议。据我了解，turnjs 代码禁用了单击事件，并且此“取消绑定”方法从中释放了所选元素。但是我的链接上的点击事件仍然不起作用。

标签： jquery turnjs

【解决方案1】：

我一直在四处寻找答案并尝试不同的事情，但在使用 firebug 检查时我意识到我无法用鼠标选择目标区域（链接），并且可能与它的 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/

【讨论】：