jquery .append函数问题

Question

我正在尝试将一些html内容附加到div中。

这是我的jquery脚本

jQuery( "#navigation" ).append('<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i></a></li>
    <li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i></a></li>
    <li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i></a></li>');

但这不管用。显示出一些错误。请帮帮我。谢谢

Answer 1

您必须删除最后一个});

​

jQuery( "#navigation" ).append('<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i>test</a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i>test</a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i>test</a></li>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="navigation"></div>

​

Answer 2

删除以下内容：

});

你不需要});支撑在那里。

更新：

由于问题已经更新，那么您可以尝试下面的一个。

您可以通过以下方式连接创建列表项：

jQuery(function(){
   var lists = '<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i></a></li>'+
               '<li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i></a></li>' +
               '<li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i></a></li>';

   jQuery("#navigation").append(lists);
}); // doc ready closed

Answer 3

您的代码是错误的，您有一些‘}’；‘没有必要’。

$( "#navigation" ).append('<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i></a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i></a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i></a></li>');

http://jsfiddle.net/qbvw1a93/3/