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

你的代码错了，你有一些'}）;'没有必要。

$( "#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/

Answer 3

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

＆＃13;

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>');

＆＃13;

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

＆＃13;

Answer 4

这是我的解决方案：

$("#navigation").html($('#navigation').html() + '<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>');

虽然您的问题依赖于字符串中的ILLEGAL换行符，但您无法在javascript中执行此操作。

jquery .append函数的问题

4 个答案:

更新