javascript - 如何有效地单击数组中的链接？

Question

我正在尝试像“新闻”这样的效果，文本每 5 秒淡出一次，下一个文本将显示在之前的位置。但是，我在数组 中有链接，但我无法点击它并选择它。就像文本不会是文本而是图像或 slider 一样。

这是我的代码:

$(document).ready(function() {
  var pages = ["<li class='active'><a id='click' href='http://www.seznam.cz'>link1</a></li>", "<li class='active'><a href='#'>link2</a></li>", "<li class='active'><a href='#'>link3</a></li>"]
  var index = 0;
  setInterval(function() {
    $("#ul_news").html(pages[index]);
    index++;
    if (index >= pages.length){
      index = 0;
    }
    $(".active").delay(4000).fadeOut(1000);
  }, 5000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ul_news">
</ul>

它可以工作，但在我的网站上不起作用:My Website

你能告诉我这段代码和我网站上的代码有什么不同吗？

Answer 1

它不起作用，因为有一个 div重叠它。 ( <div class="Menu"> )
改变.Menu的高度到适当的高度而不是 768px。

.Menu {
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 18;
}