Question

我尝试像＆＃34; news＆＃34;这样的效果，其中文字将每隔5秒fadeOut和下一个文本显示在之前的位置。但是，我在数组中有链接，我无法点击它并选择它。就像文本不是文本，是图像或滑块。

这是我的代码：

＆＃13;

$(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);
});

＆＃13;

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

＆＃13;

此处有效，但在我的网站上无效：My Website

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

Answer 1

它无效，因为div重叠了它。（<div class="Menu">）
将.Menu的高度更改为适当的高度，而不是768px。

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

Answer 2

在您的网站<div class="menu">重叠链接，将.Menu的高度设置为自动

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

如何点击数组中的链接有效？

2 个答案: