2

我有一个带有许多 .item div 的 Isotope #container div，可以通过单击其嵌套的 .header div 来最大化和最小化它们。当查看者直接单击另一个内容 div 而不最小化（单击标题）当前最大化的内容时，它们也会自动最小化。

因此，Google 分析事件跟踪有时会触发两次：当查看者没有直接单击另一个 .item div 的 .header div 时 - 而是决定先单击它来最小化当前最大化的一个，然后再单击另一个。

我应该如何修改逻辑，以便在我的分析中只注册一次点击事件？

$('.header').click(function () { // instead of registering the entire .item div (default use), only its .header div (child div) receives clicks

    var $previousSelected = $('.selected'); // necessary for maximising and minimising

    if ($(this).parent().hasClass('selected')) { // use $(this).parent() - not $(this) - because the .header div is a child of the .item div

        $(this).parent().removeClass('selected');
        $(this).parent().children('.maximised').hide();
        $(this).parent().children('.minimised').show();

        $items.find('.minimised').removeClass('overlay'); // returns all .minimised divs to previous state after the .item is closed again

    } else {

        $previousSelected.removeClass('selected');
        $previousSelected.children('.minimised').show();
        $previousSelected.children('.maximised').hide();

        $(this).parent().addClass('selected');
        $(this).parent().children('.minimised').hide();
        $(this).parent().children('.maximised').show();

        $items.not('.selected').find('.minimised').addClass('overlay'); // adds .overlay on each .item which is not currently .selected

    }

    $container.isotope('reLayout');

    <!-- ga project interest tracking -->

    var clicked = $(this).parent().data('item');
    _gaq.push(['_trackEvent', 'Items viewed', 'Clicked', clicked, null, true]);

});
4

1 回答 1

1

因此，如果我理解正确，您只想在某些东西最大化时触发 GA 跟踪：

$(this).parent().children('.maximised').show(function(){
    _gaq.push(['_trackEvent', 'Items viewed', 'Clicked', clicked, null, true]);
});

您也可以在.click函数的底部尝试：

if( $(this).parent().children('.maximised').is(':visible') ){
   _gaq.push(['_trackEvent', 'Items viewed', 'Clicked', clicked, null, true]); 
}
于 2012-08-23T14:57:48.243 回答