jQuery Cycle - 分页拇指中的谷歌分析事件跟踪

Question

我正在尝试将 Google Analytics 事件标记应用于 jQ Cycle 寻呼机缩略图。

最初，我已经让主幻灯片正常工作，并且应用了 ga 事件跟踪脚本，此时缩略图分页也工作正常。但是当我将事件跟踪应用到 pagerAnchorBuilder 回调函数时，缩略图会消失，主幻灯片保持可见但停止循环——实际上整个事情都停止了。

我正在使用带有锚链接的幻灯片：http://jquery.malsup.com/cycle/anchor.html，我通过之前的这篇文章解决了“未定义”寻呼机的怪癖：jQuery Cycle plugin pagerAnchorBuilder images becoming undefined - 也显示在下面的代码中。

以下是我正在尝试的 pagerAnchorBuilder 回调，它可以完美运行，直到我通过 onClick 事件添加 ga 跟踪器：

pagerAnchorBuilder: function(idx, slide) {
  var slideurl = $('#slideshow a', this).attr('href');
  return '<li class="slider-thumb"><a href="'+slide.href+'" title="'+slide.title+'" onClick="_gaq.push(['_trackEvent', 'Home-Slider-Thumb', '+slide.title+', '+slide.href+']);"><img src="'+ $(slide).find('img').attr('src')+'" width="50" height="50" class="thumb-image" /></a><p class="slide-caption">'+ $(slide).find('img').attr('alt')+'</p></li>';
}

Answer 1

你没有逃避你的报价。不能在单引号内使用单引号；你需要使用双打或转义它。

return '<li class="slider-thumb"><a href="'+slide.href+'" title="'+slide.title+'" onClick="_gaq.push([\'_trackEvent\', \'Home-Slider-Thumb\', \''+slide.title+'\', \''+slide.href+'\']);"><img src="'+ $(slide).find('img').attr('src')+'" width="50" height="50" class="thumb-image" /></a><p class="slide-caption">'+ $(slide).find('img').attr('alt')+'</p></li>';