Question

我尝试将社交图标添加到drop-down菜单栏，但我不知道为什么我的代码无效

任何人都可以帮助我吗？

<script>
$(document).ready(function(){

    $("li.has-dropdown:eq(6) ul.dropdown li a").each(function(){
        var thisText = $(this).text();

         if( thisText=="Facebook"){
            $(this).prepend("<i class="fa fa-facebook-square fa-2x"></i>");
         };
          if( thisText=="Twitter"){
            $(this).prepend('<i class="fa fa-twitter-square fa-2x"></i>');
         };
         if( thisText=="Youtube"){
            $(this).prepend('<i class="fa fa-youtube-square fa-2x"></i>');
         };
         if( thisText=="Googleplus"){
            $(this).prepend('<i class="fa fa-google-plus-square fa-2x"></i>');
         };
        if( thisText=="Printerest"){
            $(this).prepend('<i class="fa fa-pinterest-square fa-2x"></i>');
         };
         if( thisText=="Instagram"){
            $(this).prepend('<i class="fa fa-instagram fa-2x"></i>');
         };
    });
});
</script>

谢谢你们，我的目标是错误的dropdown.now它的工作原理

Answer 1

你正在逃避你的报价。

使用prepend时需要使用单数引号，应用类元素时需要使用双引号“。

例如：

$(this).prepend('<i class="fa fa-facebook-square fa-2x"></i>');

http://jsfiddle.net/dsbx5b5g/1/

Answer 2

"<i class="fa fa-facebook-square fa-2x"></i>"您使用的是"而不是'

将其更改为：'<i class="fa fa-facebook-square fa-2x"></i>'以防止错误

如何在社交菜单栏中添加图标

2 个答案: