我有一个汉堡包图标,触发弹出的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>
标签