jQuery, control de menu. Ayuda

[combuilder]

Hola.

Tengo una duda para ejecutar jQuery controlando un menu.

Para reducir el código y mejorar el rendimiento, creo que es intereante crear una funcion que me inicie la página principal de la distintas opciones del menu.

Código:

// Menu  
 $('#menuusuarios').live("click", muestrame('#main','usuarios')  );
 
 function muestrame(donde,tabla) {
 	var miurl = tabla + '/listing.asp';
 	$.ajax({
 	url: miurl ,
 	success: function(data) {
     	$('#main').html(data);   }
 	} )
}

El problema es que se me queda todo todito bloqueado .... y no me funciona.

Sin embargo, si uso lo siguiente, funciona perfectamente.

Código:

 $('#menuusuarios').live("click", function () {     
    var miurl = 'usuarios/listing.asp';
    $.ajax({
  url: miurl ,
  success: function(data) {
    $('#main').html(data);   }
        });
     } );

});

¿alguien me puede dar algo de luz del motivo?
Cualqiuer sugerencia me vendria de escandalo!

La idea es poder usar esta función para llamar a AJAX desde jQuery e iniciar trabajar con mi Web.



El código HTML es el siguiente:

Código:

<table>
<tr>
	<td id="menubusqueda"><a href="#main">Buscar</a></td>
	<td id="menuusuarios"><a href="#main">Los Usuarios</a></td>
	<td id="menuseries"><a href="#main">Mis Series</a></td>
	<td id="menuestados"><a href="#main">Estados</a></td>
	<td id="menucuadros"><a href="#main">Mis Cuadros</a></td>
</tr>
</table>

Muchas gracias

[hanscruz]

[QUOTE=combuilder;3704572]Hola.

Código:

// Menu  
 $('#menuusuarios').live("click", muestrame('#main','usuarios')  );
 
 function muestrame(donde,tabla) {
 	var miurl = tabla + '/listing.asp';
 	$.ajax({
 	url: miurl ,
 	success: function(data) {
     	$('#main').html(data);   }
 	} )
}

Hola, primero decirte que la funcion tal como esta, esta mal pues para jquery tienes que usar algo asi:

Código Javascript:

(function($) {
     $.muestrame = function(){
          aqui tu funcion
    }
})(jQuery);
 

[combuilder]

hanscruz:
Comentarte que lo he conseguido!

El código utilizado es el siguiente:

Código HTML:

// Tratamiento del menu  
$("#menu").delegate("td", "click", function(){
        var miurl = this.id;
        miurl = miurl.substring(4);
        // $('#third').html(miurl);
        toMain(miurl);
    });  

// Muestra Entidad en #main    
function toMain(entidad) {     
    var miurl = entidad + '/listing.asp';
    $.ajax({
    url: miurl ,
    success: function(data) {
    $('#main').html(data);   }
        });
     } ;