Question

我有以下代码：

  $(document).ready(function(){
  $('td.rightImage, .leftImage a').click(function(){
   if($(this).attr( "id" )){
   _gaq.push(['_trackEvent', 'sidebanner', 'click', $(this).attr('id'),0,true]);
   }
 else{
 _gaq.push(['_trackEvent', 'sidebanner', 'click', $(this).attr('href'),0,true]);
 }
 });
 });

    $(document).ready(function(){
   $("a[href$='.pdf']").click(function(){
  _gaq.push(['_trackEvent', 'pdf', 'click',$(this).attr('href'),0,true]);
    });
    });
   $(document).ready(function(){
   $("a[href$='.zip']").click (function(){
   _gaq.push(['_trackEvent', 'zip', 'download',$(this).attr('href'),0,true]);
    });
    });

我是否应该为我想要的每个onclick事件继续使用文档？如果不是更好的方法来编写上述代码？

由于

Answer 1

有一种更好的方式 - 将它们全部放在一个DOM准备好的事件中。

Answer 2

在document.ready上使用

//OR
//$(function(){
$(document).ready(function () {
    $('td.rightImage, .leftImage a').click(function () {
        if ($(this).attr("id")) {
            _gaq.push(['_trackEvent', 'sidebanner', 'click', $(this).attr('id'), 0, true]);
        } else {
            _gaq.push(['_trackEvent', 'sidebanner', 'click', $(this).attr('href'), 0, true]);
        }
    });
    $("a[href$='.pdf']").click(function () {
        _gaq.push(['_trackEvent', 'pdf', 'click', $(this).attr('href'), 0, true]);
    });
    $("a[href$='.zip']").click(function () {
        _gaq.push(['_trackEvent', 'zip', 'download', $(this).attr('href'), 0, true]);
    });
});

Answer 3

你可以合并它们和$（文件）.ready可以写成。

$(function(){
   // DOM Ready - do your stuff 
});

我应该继续使用document.ready Jquery

3 个答案: