Hola, vengo con una duda que no he podido resolver a ver si me pueden orientar. Tengo un código para cargar con ajax cierto contenido que incluye un menú por tabs de jQuery:
Código:
$(document).ready(function() {
$("#product01").click(function(event) {
$("#main").load("product01.php #container").hide().fadeIn(2000);
$.getScript("js/vTabs.js");
});
$("#product02").click(function(event) {
$("#main").load("product02.php #container").hide().fadeIn(2000);
$.getScript("js/vTabs.js");
});
$("#product03").click(function(event) {
$("#main").load("product03.php #container").hide().fadeIn(2000);
$.getScript("js/vTabs.js");
});
});
Se que hay un conflicto al trabajar con ambos pero creí resolverlo con "$.getScript("js/vTabs.js");". Esto me funcionó en localhost, pero en el servidor el contenido que llamo por medio de ajax se muestra sin ningún estilo y tanto las pesatañas como su contenido se despliegan como una lista sin formato. Con Firebug veo que el archivo .js está siendo llamado pero aún así no se carga la hoja de estilos ni funcionan las pestañas como corresponde.
Tengo otros links en esa página que como aún no tienen contenido redirigen a la última sección visitada, y cuando hago clic en cualquiera de ellos luego de estar en #producto01, 02 ó 03 muestran éstos últimos con las pestañas funcionando correctamente, por eso no entiendo porqué no cargan al hacer clic en ellos la primera vez.
Estoy perdido, agradezco cualquier sugerencia
