css - 导航按钮保持/移动

Question

我试图让最后两个导航按钮(“教育”和“联系”)将社交媒体图标移到左边，然后留在那儿。

http://comms101.co.za/populus/index.php#

出于某种原因，点击后会立即正确显示，但随后社交媒体图标会恢复原状。如果您再次单击该按钮，它就会正确显示(应该如何显示)。

导航是一个 php 包含。这是代码:

        <div class="row">
                <div class="col-lg-5 col-md-5">
                    <div class="logo"><a href="#"><img src="imgs/logo.png" alt="logo"></a></div>
                </div>
                <div class="col-lg-7 col-md-7 mn">
                    <div class="follow current1" style=""> <a href="#"><img src="imgs/f.png" alt=""></a> <a href="#"><img src="imgs/int.png" alt=""></a> <a href="#"><img src="imgs/in.png" alt=""></a> </div>
                    <div id="menu-icon">
                    <div class="menu-icn"><span></span><span></span><span></span></div>
                    </div>

                    <div class="menu" id="menu">
                    <ul id="links">
                        <li class="link"><a href="index.php">HOME</a></li>
                     <li class="link"><a href="about.php">ABOUT</a></li>
                     <li class="link"><a href="resources.php">RESOURCES</a></li>
                        <li class="link"><a href="training.php">TRAINING</a></li>
                        <li class="link"><a href="coaching.php">COACHING</a></li>
                        <li class="folow current1 current"><a href="education.php">EDUCATION</a></li>
                        <li class="folow1 current2 link"><a href="contact.php">CONTACT</a></li>
                    </ul>
                 </div>
            </div>

Answer 1

你正在添加一个额外的类来将社交图标移动到那个链接的左边2“关注当前 1 链接 2”。所以当你点击然后jquery添加这个类但是在同一时间页面刷新然后“link2”类消失了。所以你需要的是通过php设置条件，如果该页面是联系我们，则将类“link2”添加到此 div 中。

<div class="follow current1 link2"> 
  <a href="#"><img src="imgs/f.png" alt=""></a> 
  <a href="#"><img src="imgs/int.png" alt=""></a> 
  <a href="#"><img src="imgs/in.png" alt=""></a> 
</div>