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

例如，当您加载教育页面时，-P 3306类必须在此处。

执行此操作的方法是测试当前活动页面并在菜单中添加带有PHP条件的类。

它显示的很好，因为肯定是你点击链接后创建的JS脚本然后加载页面。

Answer 2

你正在添加一个额外的类来移动社交图标以留下一个link2 ＆＃34;关注current1 link2＆＃34;。所以当你点击然后jquery添加这个类，但在同一时间页刷新然后＆＃34; link2＆＃34;上课了。所以你需要的是通过php设置条件，如果页面与我们联系，则添加课程＆＃34; link2＆＃34;进入这个div。

＆＃13;

<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>

＆＃13;

导航按钮保持/移位

2 个答案: