为什么我页面中的隐藏链接仍然出现在 noscript 标签中？

Question

我一直在制作一个简单的网站（目前只有一个页面）来显示一些基本信息。该站点还包含几个链接，这些链接将用户引向可下载的内容（2 个指向 PDF 的链接和一个指向 zip 文件的链接）。

如果用户无法运行 JavaScript，这些链接和我的大部分页面一样，会使用 display:none CSS 属性隐藏，而网站的几个功能需要 JavaScript。然后在<noscript> 标记中显示一条消息，告知用户他们看不到脚本内容的原因。当我在我的个人计算机上预览文件而不托管它们时，这一切都运行良好。

我的问题是在 GoDaddy.com 上的网站上托管后出现的。现在，每当调用<noscript> 时（不管浏览器如何），我网站的每个链接都会被拉出并推到用户可以看到的左上角。 CSS 样式似乎不会影响这些链接，我不知道如何摆脱它们。

我该如何解决这个问题？最重要的是，除非我再次将它们设置为可见，否则如何使链接消失？

这是我的<noscript> 标签，位于页面底部：

<noscript>
    <div class="scriptError">
        <h1>Javascript is disabled!</h1>
        <div id="noScriptNotice">
            <p>This site works best with Javascript enabled. A 'noscript-friendly' version is currently in progress, but for now please enable Javascript to view the contents.</p>
        </div>
    </div>
</noscript>

其他所有内容（包括链接）都在这个 div 中：

<div class="scriptedContent" style="display: none;">
<script>
    //If scripting is enabled, display the site.
    $(".scriptedContent").css("display", "block");
</script>

Answer 1

如果它在您自己的本地主机上运行，​​而不是在 Godaddy.com 上运行，您应该首先尝试提交支持票以查看是否提供任何帮助。

重新出现的链接，看看你是否可以将此 CSS 样式应用到你试图隐藏的链接：

font-size: 0;
text-decoration: none;

这应该可以隐藏链接，也就是说，如果您的 CSS 完全影响它们。 如果没有，请尝试在页面的“右键>查看源”，然后查看并与自己的源进行比较。

如果这不起作用，可以选择： 尝试使您的链接（在 HTML 代码中）类似于以下内容：

<a href="#" style="display:none;"> Text </a>

并查看这是否会阻止它们覆盖您的样式。