jQuery Cycle - 分頁大拇指中的谷歌分析事件跟蹤

Question

我試圖將Google Analytics事件標記應用於jQ Cycle分頁器縮略圖。

最初，我已經將主要幻燈片與適用於這些事件的ga事件跟蹤腳本一起正常工作，並且此時縮略圖分頁也正常工作。但是，當我將事件跟蹤應用到pagerAnchorBuilder回調函數時，縮略圖會消失，並且主要幻燈片會保持可見狀態，但會停止循環 - 實際上整個事情都會停止。

我正在使用帶有鏈接的幻燈片：http://jquery.malsup.com/cycle/anchor.html，我通過此早期文章瞭解了'undefined'尋呼機的怪癖：jQuery Cycle plugin pagerAnchorBuilder images becoming undefined - 也顯示在我的代碼中。

以下是pagerAnchorBuilder回調我想直到我通過onClick事件添加Google Analytics追蹤器完美的作品：

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>';