-1

我正在将 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>

查询：

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

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

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

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

4

1 回答 1

0

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

于 2015-03-07T22:14:16.853 回答