尝试通过单击另一个页面上的链接来访问页面上的部分时出错

Posted 2023-05-08

【中文标题】尝试通过单击另一个页面上的链接来访问页面上的部分时出错

【英文标题】：Error trying to access a section on a page by clicking on a link that is on another page

【发布时间】：2019-04-17 13:09:26

【问题描述】：

我正在尝试通过单击其他页面中的链接来访问我的 index.php 页面中的部分... 该链接位于导航栏菜单中，当我单击该链接时，它会将我带到我的 index.php 页面上的一个部分 以前，这工作得很好，但现在效果不好。当我点击我的链接时，它会将我带到另一个部分，而不是我想要的部分。

这是我的导航栏代码：

       <li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll main_a">Leistungen</a></li>
            <li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll main_a">Referenzen</a></li>
            <li class="list_options_Li" id="third_li_main"><a href="https://nivamedia.ch/index.php#agentur" class="smoothScroll main_a">Agentur</a></li>
            <li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll main_a">Kontakt</a></li>

如您所见，这是菜单上的链接：href="https://nivamedia.ch/index.php#agentur"

这是 id=agentur 的部分

这是 index.php 中 agentur 部分的代码：

           <section id="agentur">

          <div class="container">
           <div class="row">
           <div class="col-md-12 col-sm-12 text-center">
                <div class="section-title" id="agentur_section_title">
                   <h2 class="heading" id="agentur_h1_title" style= "padding-top: 0px; font-size: 700 !important;">Nivamedia-Digital<br> Agentur in Aarau</h2>
                     <hr align=left style="width: 280px;">
                       </div>
                   </div>
                 </div>
                </div>
           </section>

单击链接时，应该会转到 index.php 中 id = agentur 的部分，但这不会发生，而是将我带到页面末尾。在这之前没有发生，页面运行得很好，但现在我有这个错误，我不知道它是从哪里来的。

关于如何解决这个问题的任何想法？我已经查看了我的代码，我看得很清楚。

为了更好地向您展示，您可以转到此链接：https://nivamedia.ch/referenzen.php 并单击菜单选项“Agentur”，它应该转到 index.php#agentur 但它不会发生。

【参考方案1】：

为我工作 (FF 63)。您是否尝试过清除缓存？尝试不同的浏览器？尝试隐身模式？

此外，您的标记似乎已损坏。这通常会导致锚点不起作用（因为浏览器无法识别锚点）。 例如。第 1510 行：

<p <i id="medium_icon_form1" class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s" style= "padding-right: 160px;"></i> E-Mail</p>

【讨论】：

即使在

有趣的是以前效果很好。前两天还好好的，今天就不行了，这两天没碰过代码。

头部和身体标签之间仍有一个脚本标签（无效）。请通过验证器运行您的页面并修复所有错误，然后再次检查。您的代码在多个地方损坏。

好的，如果它不能与 Agentur 部分一起使用，那么它也不应该与其他部分一起使用。但是，如果我尝试从其他页面访问 New projekt（agentur 之前的那个）部分，它运行良好......为什么？

拥有有效代码的关键在于浏览器的呈现行为变得可预测。如果代码无效，则浏览器将以不同且通常不可预测的方式处理代码。您的问题正是您想要拥有有效标记的原因 - 这样您就可以确定为什么一种情况有效以及为什么一种情况无效。