为什么我的追加功能不起作用？

Question

我正在使用此函数将字体真棒元素添加到nav元素但没有任何反应。我做错了什么？

$("#Menu_list").append("<i class="fa fa-briefcase fa-fw"></i>");

页面加载但由于某种原因删除了正文。这是我的代码的顶部。也许我没有关闭一些东西。

$("#Menu_list").append("<i class="fa fa-briefcase fa-fw"></i>");

$("head link[rel='stylesheet']").last().after("<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' type='text/css' media='screen'>");

Answer 1

您需要转义引号或使用单引号和双引号的组合。

此：

$("#Menu_list").append("<i class="fa fa-briefcase fa-fw"></i>");

需要这样：

$("#Menu_list").append('<i class="fa fa-briefcase fa-fw"></i>');

Answer 2

了解

JavaScript中的

Strings使用单引号（'）或双引号（"）

编写

var string1 = 'This is a string'
var string2 = "This is also a string"

如果您的字符串包含双引号，则必须使用反斜杠（\）对其进行转义：

var quote = "this string contains a \"quote\""
console.log(quote) // this string contains a "quote"

或使用单引号：

var quote = 'this string contains a "quote"'

修复

$("#Menu_list").append('<i class="fa fa-briefcase fa-fw"></i>')
// or
$("#Menu_list").append("<i class=\"fa fa-briefcase fa-fw\"></i>")