gpt4 book ai didi

javascript - 用 jQuery 隐藏的 HTML 元素在链接单击时不会重新出现

转载 作者:行者123 更新时间:2023-12-02 20:03:13 25 4
gpt4 key购买 nike

我有一个包含多个 div 的页面,其中包含不同的内容部分。最初,主页内容设置为 .active,其他所有内容都被隐藏。单击导航栏中的链接后,当前事件内容将淡出,新内容将淡入。

目前,这几乎可以完美地工作。但是,任何内容 div 中的任何文本链接都是不可见的(用链接包装的图像显示正常)。文本链接虽然不可见,但如果将鼠标移到应显示链接的空白处,则可以单击。

示例 HTML:

<body>
<div class="content_wrapper">
<div id="nav">
<ul id="navlist">
<a id="about" class="showHideLink"><li>ABOUT</li></a>
<a id="media" class="showHideLink"><li>MEDIA</li></a>
<a id="blog" class="showHideLink"><li>BLOG</li></a>
</ul>
</div>

<div id="page-wrap">
<!-- Content -->

<div id="home-content" class="section active">
<h1>WELCOME</h1>
Welcome to our site!<br />
Check out our YouTube channel: <a href="http://www.youtube.com/user/Foo/" target="_blank">Here</a><!-- **This link is invisible** -->
</div>

<div id="about-content" class="section">
<h1>About</h1>
About Us. [<a href="#citation1" alt="Citation Link">1</a>]<!-- **This link is invisible** --><br />
<br />
[<a id="citation1">1</a>] <a href="mycitation.html" target="_blank">Citation Title</a> <!-- **This link is invisible** -->
</div>

</div>
</div>
</body>

Javascript:

<script type='text/javascript'>
$(document).ready(
function() {
$(".section").hide();
$(".active").fadeIn();

$("a.showHideLink").click(function(){
var _contentId = '#' + $(this).attr('id') + "-content";

if(!$(_contentId).hasClass("active") && $(_contentId).length)
{
$(".active").stop().fadeToggle(function(){
$(".active").removeClass("active");
$(_contentId).fadeToggle();
$(_contentId).addClass("active");
}
);
}
});
});
</script>

如何更改此设置,以便内容部分中的链接(以及可能也受此错误影响但我尚未发现的其他可能内容)可见?谢谢

编辑:以下是实时网站的链接:http://uoflusli.com/index_off.php

最佳答案

问题是这些链接正在获取 a:-webkit-any-link 的样式,并且呈现为与背景相同。没有颜色就很难看到事物。

这个问题很容易找到。使用 Chrome,然后右键单击链接并选择检查元素——CSS 级联是裸露的(双关语)。

祝你好运。

关于javascript - 用 jQuery 隐藏的 HTML 元素在链接单击时不会重新出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7732167/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com