ボタンonClickが正しく参照されず、出力が期待通りではありません

Question

変数テンプレートを使用していて、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); 
}; 

Answer 1

使用この問題を回避するために、文字をエスケープ：別の可能性は、パラメータの単一引用符を使用することです

onclick="AddCard(\"CSE101\")" 

：

onclick="AddCard('CSE101')" 

あなたのjs-stringには、解決策は次のようになります。

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

Answer 2

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

は、それだけでそのようなことはないでしょうか？