追加点击事件

Question

I'm trying to add on click event in a parsexml append but having issues getting it done correctly keeps getting console errors. Maybe I'm doing something wrong in the code but not sure how I should do it. Basically I'm trying to get click events in google analytics using datalayer. this is the code

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

Your code is invalid here:

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

.append() expects you to finish the string

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

what you need to do is append the string:

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

or

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