jQuery .load Método que causa la actualización de la página AJAX

Tengo una página JSP funcional que acepta parámetros de URL y actualiza una tabla en la página con información basada en esos parámetros.

Tengo un conjunto de tabs diferentes que pasan dichos parámetros de URL a la página en la que están, por lo que luego vuelve a cargar y muestra esta nueva información.

He intentado utilizar los métodos jQuery .load y .ajax para poder pasar estos parámetros de URL a la página en el servidor y luego solo servir la tabla a través de AJAX en lugar de hacer una actualización de toda la página.

El problema que tengo es que a veces la página se actualiza y no puedo entender por qué sucede esto.

Aquí está el jQuery:

$('ul#coverTabs > li').live('click', function() { // Removes default class applied in HTML and onClick adds 'currentTab' class $(".currentTab").removeClass("currentTab"); $(this).addClass("currentTab"); // Find href of current tab var $tabValue = $('ul#coverTabs > li.currentTab > a').attr('href'); // Load new table based on href URL variables $('#benefit').load($tabValue + ' #' + 'benefit'); /*$.ajax({ cache: false, dataType: "html", url: $tabValue, success: function(data) { //var $tableWrap = $('#benefit'); //$('.benefitWrap').append($('.benefitWrap')); //alert($tableWrap); }, });*/ return false; }); 

Aquí está el HTML para las tabs:

  

Está devolviendo el valor falso cuando el usuario hace clic en el elemento li , que no hace nada para evitar que a elemento dentro del elemento li active. Debe anular su acción predeterminada para evitar que se activen:

 $('ul#coverTabs > li > a').click(function(event) { event.preventDefault(); } 

Debe evitar la acción predeterminada (navegación a la URL del enlace) en el controlador de clics:

  

En su código, la acción predeterminada no se previene, de modo que cuando el usuario hace clic en el enlace, el navegador comienza a navegar hacia la URL HREF.