Actualmente tengo tabs() trabajando en una página con 4 pestañas.
Estoy tratando de usar el seguimiento de eventos para rastrear los clics en las pestañas, lo que funciona bien, EXCEPTO en la carga de la página inicial. Quiero que la página identifique qué pestaña se carga al cargar la página pero no se registra
Mi código:
$( "#tabs" ).tabs({ //activate to pass the active tab on click to the hidden field activate: function( event, ui ) { $('#activeTab').val($("#tabs").tabs('option', 'active')); trackEvent('DeptPerformance', 'Tabs', $("#tabs .ui-tabs-active").text()); }, disabled: [<?=($isGroup?0:'')?>], active: <?=($isGroup?1:0)?> });Intenté agregar:
create: function( event, ui ) { trackEvent('DeptPerformance', 'Tabs', $("#tabs .ui-tabs-active").text()); },Pero esto no rastrea el evento.
¿Hay otro método o evento que deba usar para rastrear el evento una vez que se carga la página?
Pruebas adicionales identificaron que el código de análisis no se cargó cuando se creó la pestaña; se agregó un tiempo de espera para esperar 1 segundo para que el análisis se ponga al día.
arreglar:
$( "#tabs" ).tabs({ //activate to pass the active tab on click to the hidden field activate: function( event, ui ) { $('#activeTab').val($("#tabs").tabs('option', 'active')); trackEvent('DeptPerformance', 'Tabs', $("#tabs .ui-tabs-active").text()); }, create: function( event, ui ) { setTimeout(function(){ trackEvent('DeptPerformance', 'Tabs', $("#tabs .ui-tabs-active").text()); }, 1000); }, disabled: [<?=($isGroup?0:'')?>], active: <?=($isGroup?1:0)?> });