Javascript 按钮onClick未正确引用,输出不符合预期

Javascript 按钮onClick未正确引用,输出不符合预期,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我正在使用变量模板,并使用单击按钮时调用的AddCard函数,但在检查元素时未正确读取 在控制台中,它看起来像这样: 但它应该是这样的: <input type="button" class="btn btn-success btn-xs" onclick="AddCard("CSE101")" value="Add"> 这是我用来获取ID的代码 var template = " <div class='mycard text-center col-md-2' i

我正在使用变量模板,并使用单击按钮时调用的AddCard函数,但在检查元素时未正确读取

在控制台中,它看起来像这样:

但它应该是这样的:

   <input type="button" class="btn btn-success btn-xs" onclick="AddCard("CSE101")" value="Add">

这是我用来获取ID的代码

var template = " <div class='mycard text-center col-md-2' id ='"+obj.Course+"'> <div class='card-header'> <p1>"+ obj.Course +"</p1> </div>  <div class = 'card-block'>   <div id = 'svgcontainer"+i+"'> </div>  </div> <div class = 'coursename'> <p2> "+obj.CourseName+" </p2> </div> <div class='contact-submit' > <input type='button' class ='btn btn-success btn-xs' onClick = 'AddCard('"+ obj.Course +"')' value='Add' > <input type='button' class ='btn btn-danger btn-xs' onClick = 'SkillVis2();this.disabled=true' value='Play'> </div> <div class='card-footer text-muted'> Prof. XYZ </div> </div>"

function AddCard (corsename)
{
var obj = _.find(data, function(obj){ return obj.Course == corsename; });
SkillVis(obj);
};
var template=”“+obj.Course+“”+obj.CourseName+“XYZ教授”
功能添加卡(corsename)
{
var obj=uj.find(数据,函数(obj){return obj.Course==corsename;});
SkillVis(obj);
};

难道不是这样吗?

使用转义字符来避免此问题:

onclick="AddCard(\"CSE101\")"
另一种可能是对参数使用单引号:

onclick="AddCard('CSE101')"
对于js字符串,解决方案是:

onClick =\"AddCard('" + obj.Course + "')\"

@CaffineFueled您所写的内容将打印在控制台中。。。真正的代码在var模板onClick='AddCard('“+obj.Course+”)'value='Add'中,我想“”中没有余额。对不起,翻页也是这样。我已经改变了我的答案。简言之,我不认为您的对象应该介于引号onclick='AddCard(“+obj.Course+”)之间。这是我更改的内容,输出类似于这样的内容onclick=“AddCard(CSE101)”onclick='AddCard(\'“+obj.Course+”),没有对其进行任何更改。@hawkeye这就是您在不检查的情况下试图解决问题的结果D编辑了我的答案。:)onclick=“AddCard('CSE101')”,这就是我得到的。但是我想我应该得到onclick=“AddCard”(“CSE101”)“不,你的最后一个例子永远不会起作用:你不能有那样的双引号:它们是嵌套的。你现在的解决方案应该有效。
onClick =\"AddCard('" + obj.Course + "')\"