未捕获的语法错误 - 意外的标识符Underscore.min.js线24

  • Z时代
  • 2024-01-10
  • 分类：问答

我收到未捕获的语法错误未捕获的语法错误 - 意外的标识符Underscore.min.js线24

意想不到的标识 - underscore.min.js 24

的错误是我曾经出现在模板中添加此复选框代码：

template: _.template('<h3>'+'<input type=checkbox'+'<% if(status === "complete") print("checked") %> />' + '<% = name %></h3>'),

我猜的错误是模板的复选框代码，我想不出那是什么。

这里是我下面的代码：

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title></title> 
<meta name="description" content=""> 
</head> 
<body> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script> 
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script> 
</body> 
<script> 
var Friend = Backbone.Model.extend({}); 
var friend = new Friend ({ name:'phani'}); 
var FriendView = Backbone.View.extend({ 
    el:'body', 
    tagName:'article', 
    id:'my-friend', 
    className:'hello-friend', 
    //template 
    template: _.template('<h3>'+'<input type=checkbox'+'<% if(status === "complete") print("checked") %> />' + '<% = name %></h3>'), 
    //event 
    events:{ 
    "click h3":"alertStatus" 
    }, 
    alertStatus: function(e){ 
     alert("Hey you clicked the h3!"); 
     }, 
    render:function(){ 
    var attributes = this.model.toJSON(); 
    $(this.el).html(this.template(attributes)); 
    } 
}); 
var friendView = new FriendView({model:friend}); 
friendView.render(); 
console.log(friendView.el); 
</script>

回答：

我不知道这是错误的起源，但在该行

template: _.template('<h3>'+'<input type=checkbox'+'<% if(status === "complete") print("checked") %> />' + '<% = name %></h3>'),

你应该有一个空格检查”之前“，否则你最终会得到类似的东西

<input type=checkboxchecked />

顺便说一句，你应该有双引号checkbox。

以上是 未捕获的语法错误 - 意外的标识符Underscore.min.js线24 的全部内容， 来源链接： utcz.com/qa/257326.html

回到顶部