Bootstrap 3.7中的锚链接无法正常工作

时间:2016-11-13 01:03:07

标签: javascript jquery html css

    <ul style="font-family:'Ralway', Serif;" class="nav navbar-nav">

                    <li><a href="http://www.reachoutcelebration.com/#home">HOME</a></li>
                    <li><a href="http://www.reachoutcelebration.com/#about">ABOUT</a></li>
                    <li><a href="http://www.reachoutcelebration.com/#events">EVENTS</a></li>
                    <li><a href="http://www.reachoutcelebration.com/#surrenderstories">SURRENDER STORIES</a></li>
                    <li><a href="http://www.reachoutcelebration.com/#globalstrategy" >GLOBAL STRATEGY</a></li>
                    <li><a href="http://www.reachoutcelebration.com/#contact-form">CONTACT</a></li>
                    <li><a href="/#donate">DONATE</a></li>
                </ul>

我想点击&#34;捐赠&#34;或者&#34;联系&#34;来自reachoutcelebration.com/tommy-barnett页面的链接,然后转到&#34;捐赠&#34;或者&#34;联系&#34;本网页的一部分:http://www.reachoutcelebration.com。请只需点击联系人并捐赠按钮。我已经证实他们没有工作。点击捐赠并联系它似乎把我扔在http://www.reachoutcelebration.com网站的中间,无论我在哪里,但锚标签或id属性。上面的代码已经修改。

reachoutcelebration.com页面上的代码如下:

<!-- Section Header -->
        <div class="section-header container-fluid"><a name="donate"></a><!-- SEE ANCHOR HERE -->
            <h3>GRAND TOTAL : $521,000</h3>
            <div class="section-separator"><i class="fa fa-stop"></i></div>
            <p style="text-align:center;">"Multiply" begins with you.</br>Own a piece of the ROC and join us in reaching our city, our region, and our world.</p>
        </div><!-- Section Header /- -->

我已经尝试使用Expression Engine Stack over flow: https://expressionengine.stackexchange.com/questions/38480/expression-engine-and-anchor-tags/38481#38481

关于它为什么不起作用的任何想法?

3 个答案:

答案 0 :(得分:0)

我认为您所要做的就是分别为<a name="donate"></a><a name="contact"></a>匹配名称和网址:

<li><a href="http://www.reachoutcelebration.com/#contact">CONTACT</a></li>
<li><a href="http://www.reachoutcelebration.com/#donate">DONATE</a></li>

答案 1 :(得分:0)

经过多次压力和修补,锚点起作用,但是我必须把它们放在视口底部的一个尴尬位置,以便...#34;有点&#34; &#34;几分&#34;去我想让他们去的地方。它有效,但很麻烦。不知道还有什么可以做的。我猜我们可以关闭它。

仅供参考,我使用的锚标签中只有name,因此<a name="donate"><a name="contactus">

答案 2 :(得分:-1)

id attr添加到div并进行测试,它应该可以正常运行。我看到捐赠的锚标记href指向#donate,但我认为页面上没有id donate的div或部分。

       <!-- donate id added to this div -->
        <div class="section-header container-fluid" id="donate"><a name="donate"></a><!-- SEE ANCHOR HERE -->
            <h3>GRAND TOTAL : $521,000</h3>
            <div class="section-separator"><i class="fa fa-stop"></i></div>
            <p style="text-align:center;">"Multiply" begins with you.</br>Own a piece of the ROC and join us in reaching our city, our region, and our world.</p>
        </div><!-- Section Header /- -->