javascript - 附加点击事件

Question

我正在尝试在 parsexml 附加中添加单击事件，但在正确完成此操作时遇到问题，不断出现控制台错误。也许我在代码中做错了什么，但不确定应该如何做。基本上我正在尝试使用数据层在谷歌分析中获取点击事件。这是代码

function parseXml(xml)
 {
    $("#main").html("<div class='section group' id='content' data- 
     role='listview' data-inset='true'></div>");
     $(xml).find("item").slice(0, 2).each(function()
    {
    $("#content").append("<a onclick="
      dataLayer.push({
     'event': 'myTrackEvent',
     'eventCategory': 'clicked',
     'eventAction': 'click',
     'eventLabel': 'article click'
     });"class='articleClick' target='_blank' 
     href='"+$(this).find("link").text()+"'><div class='col span_1_of_2'> 
   <div class='thumbnail'><img 
src='"+$(this).find("enclosure").attr('url') 
+"'/></div><div class='text-box'><h2>"+$(this).find("title").text()+" 
   </h2><p>"+$(this).find("description").text()+"</p></div></div> 
   </a>");
      });  

    }

Answer 1

您的代码在这里无效:

$("#content").append("<a onclick="
  dataLayer.push({

.append() 期望您完成字符串

$("#content").append("<a onclick="  dataLayer.push({..    // that is what javascript sees

您需要做的是附加字符串:

$("#content").append("<a onclick=" +
  dataLayer.push({

或

$("#content").append("<a onclick=")
             .append(dataLayer.push({...}));