添加弹出式JS滑块到菜单列表-链接不起作用

Adding pop-open JS slider to a menu list - link not working

本文关键字：列表 链接 不起作用 菜单 弹出式 JS 添加      更新时间：2023-09-26

我有一个汉堡包图标，触发弹出的JS窗口-我想把它添加到列表菜单。下面的代码是:

    <div class="header-top-first clearfix">
        <ul class="social-links clearfix hidden-xs">
            <li><img src="../_img/icon_hamburger.png" class="nav-toggler toggle-slide-left"></li>
            <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
            <li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
            <li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
        </ul>

但是我希望汉堡包不是一个图像，而是一个FA图标，如下所示。我的问题是-因为它是编码下面，链接不再工作?

     <div class="header-top-first clearfix">
    <ul class="social-links clearfix hidden-xs">    
        <!-- I am trying to replace the hamburger image here but the pop-open link no longer works -->
        <li class="nav-toggler toggle-slide-left"><a href="#" class="nav-toggler toggle-slide-left"><i class="fa fa-bars"></i></li>
        <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
        <li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
        <li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
    </ul>

关于如何将其添加到列表中作为fa-bars并且仍然具有弹出打开工作的任何建议?

在</i></li>之间缺少一个</a>标签

相关文章：