js中拼接的html代码中的onclick事件解析错误

js代码:

html+='<div class="mt15 sp_btn"><span class="fr sp1">';

html+='<a href="javascript:void(0)" class="kc_btn" onclick="playv1("'+detail.isfree+'","'+detail.id+'","'+detail.id+'");">课程</a>';

html+='</span><span class="fr"><a  class="kc_btn" href="javascript:void(0)" onclick="playv1("'+detail.isfree+'","'+detail.id+'","'+detail.id+'");">训练营</a></span></div>';

web端展示形式:

<div class="mt15 sp_btn"><span class="fr sp1"><a href="javascript:void(0)" class="kc_btn" onclick="playv1(" 1","1","1");"="">课程</a></span><span class="fr"><a class="kc_btn" href="javascript:void(0)" onclick="playv1(" 1","1","1");"="">训练营</a></span><span class="red">付费</span></div>

结果:onclick事件后面多了个  "=""  多余代码

解决办法:

将 js中的 onclick="playv1("'+detail.isfree+'","'+detail.id+'","'+detail.id+'");" 

修该为     onclick="playv1('+detail.isfree+','+detail.id+','+detail.id+');"    (去掉变量外的"符号)就可以了

<div class="mt15 sp_btn"><span class="fr sp1"><a href="javascript:void(0)" class="kc_btn" onclick="playv1(" 1","1","1");">课程</a></span><span class="fr"><a class="kc_btn" href="javascript:void(0)" onclick="playv1(" 1","1","1");"="">训练营</a></span><span class="red">付费</span></div>

具体原因不太清楚,哪位高手留言解释一下