我在参数列表之后经历了Uncaught SyntaxError:missing的解决方案,并尝试了其他方法对其进行排序,但我仍然在使用此代码时出现此错误
$("input").on("keypress",function(event){
if(event.which === 13)
{
var ToDotext=($(this).val());
$("ul").append("<li><span><i class="fa fa-trash"></span> " + ToDotext + "</li>");
$(this).val("");
}
} );
每当我将<i class="fa fa-trash"
放入<span></span>
时,我收到此错误,没有<i class="fa fa-trash">
事情正常。
答案 0 :(得分:2)
将附加行更改为此。
$("ul").append("<li><span><i class='fa fa-trash'></i></span> " + ToDotext + "</li>");
的变化:
fa fa-trash
是单引号,因为您在外面使用双引号。i
代码建议:
<i>
内使用<span>
,而是在span上应用该类或完全删除span并保留i标记。 使用jQuery元素创建方法。像这样。
$('ul li ').html($('<i>', {class: 'fa fa-trash'}));
答案 1 :(得分:1)
使用此代码
$("input").on("keypress",function(event){
if(event.which === 13)
{
var ToDotext=($(this).val());
$("ul").append("<li><span><i class='fa fa-trash'></i></span>"+ ToDotext + "</li>");
$(this).val("");
}
});
答案 2 :(得分:1)
我在你的脚本中发现了错误。
$("ul").append("<li><span><i class="fa fa-trash"></span>"+ToDotext+"</li>");
如果添加组件,使用此代码,实际组件将按如下方式添加。
<li><span><i class=fa fa-trash></span>ToDoText</li>
如上所述,<i>
标记的类名必须用“或”引用,但它不是那样的。
这是因为您使用相同的引号添加组件。
如果您更改“fa fa-trash” - &gt; 'fa fa-trash',问题将得到解决。
答案 3 :(得分:0)
双引号内不能有双引号,简单示例:
打开你的控制台:
var newElem = "<h1 class="rock">Hello There !!</h1>";
newElem // Uncaught SyntaxError: Unexpected identifier
您必须将class
和其他html attributes
括在一个引号中,如下所示:
var newElem = "<h1 class='rock'>Hello There !!</h1>";
以下行:
$("ul").append("<li><span><i class='fa fa-trash'></span> " + ToDotext + "</li>");
必须改为:
$("ul").append("<li><span><i class="fa fa-trash"></span> " + ToDotext + "</li>");
附加:: - 如果您编写长串联,则可能需要 SPLIT IT UP INTO ADDITIONAL LINK