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

Question

我正在使用此功能将字体超棒元素添加到导航元素，但没有任何反应。我究竟做错了什么？

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

了解

Strings用JavaScript编写用单引号（'）或双引号（"）

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>")