Problema con Ajax y Jquery al cargar HTML asíncrono.

[PabloManuel]

Hola!!

(Soy principiante con Ajax/Jquery)

Os resumo, tengo desarrollado mi propio CMS y ahora lo estoy pasando todo a procesos con Ajax y Jquery para evitar las dichosas recargas de páginas.

Lo que quiero hacer:

En el CMS quiero mostrar la tabla de registros y el formulario para modificar/añadir registros

Tengo:

Siempre dos ficheros:

- admin_noticias.asp
- admin_noticias_ajax.asp

El primero se encarga del html, jquery y css y el segundo de los procesos (crear registros, borrarlos, crear la tabla paginada...).

Uso el plugin easyResponsiveTabs para crear pestaña en infinidad de partes de la Web, son responsives, os recomiendo el plugin

El problema:

Cuando cargo una página, doy formato a las lengüetas, en el Head tenemos:

Código HTML:

<script type="text/javascript" src="js/easyResponsiveTabs.js"></script>
        <link rel="stylesheet" href="css/easy-responsive-tabs.css"/>
        <script>
            $(document).ready(function() {
                $('#tabsjquery1, #tabsjquery2').easyResponsiveTabs({           
                    type: 'default', //Types: default, vertical, accordion           
                    width: 'auto', //auto or any width like 600px
                    fit: true,   // 100% fit in a container
                    closed: 'accordion', // Start closed if in accordion view
                    activate: function(event) {  }// Callback function if tab is switched                            
                });
            });
        </script>
 

Y en el html esta estructura:

Código HTML:

<div id="tabsjquery1">
 
    <ul class="resp-tabs-list">
        <li></li>
        <li></li>
        <li></li>
    </ul>
 
    <div class="resp-tabs-container">
        <div></div>
        <div></div>
        <div></div> 
    </div>
 
</div>
 

El problema viene después de ejecutar ajax y que me devuelva el html, no coge el formato.

Cuando hago click en la tabla para editar un registro, se ejecuta esto:

Código HTML:

<script>
            function edit_registro(id){
                //hay que pasarle la carpeta y el nombre del fichero
                //y a través de opción saber si recargar fotos noticia o fotos de galería.
                event.preventDefault();
                muestra_oculta('form_registro');
                respuesta_ajax('admin_noticias_ajax.asp', '?proceso=editregistro&id=' + id, 'form_registro');
                $('#tabsjquery1').easyResponsiveTabs(
                    {
                        type: 'default', //Types: default, vertical, accordion           
                        width: 'auto', //auto or any width like 600px
                        fit: true,   // 100% fit in a container
                        closed: 'accordion', // Start closed if in accordion view
                        activate: function(event) {  }// Callback function if tab is switched                            
                    });
            }
        </script>
 

RespuestaAjax, devuelte un html equivalente a la estructura de tabsjquery1 y con varios formularios por dentro para editar la noticia, sus fotos, etc.

Al devolverlo, no coge el formato de easyResponsiveTabs