Tengo un sitio de WordPress donde pongo el contenido de una publicación dentro de un modal. La página funcionó muy bien porque había tanta información en la página que tardó MUCHO tiempo en cargarse. Entonces, decidí completar el modal cuando se abre el modal. Descubrí cómo usar ajax para completar el modal. Solo que, ahora, la presentación de diapositivas en el modal lo hace realmente nervioso. El contenido no saltaba cuando estaba cargando todos los modales en la página al mismo tiempo. Creo que las imágenes de la presentación de diapositivas se cargaron con carga diferida o algunas, no sé mucho sobre jquery. Estoy seguro de que hay una solución. Aquí está el código que llena el modal.

 <script type='text/javascript'> $(document).ready(function(){ $('.userinfo').click(function(){ var post_id = $(this).data('id'); $.ajax({ url: '/ajax/', type: 'post', data: {post_id: post_id}, success: function(response){ $('#p111').html(response); } }); }); }); </script>

Aquí está el código en la plantilla de wordpress que genera la página /ajax/

 <?php /** * Template Name: Ajax */ if(isset($_POST['post_id']) && !empty($_POST['post_id'])){ $post_id = $_POST['post_id']; } ?> <div class="modal-dialog "> <div id="modal_mask"></div> <div class="modal-content"> <div class="modal-body "><div class="container-fluid"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <div class="row"> <div id="projectcontent" class="col-xs-12 no_pad"> <?php echo '<div class="alignnormal">'.do_shortcode('[metaslider title="'.$post_id.'"]').'</div>'; $post_object = get_post( $post_id ); echo $post_object->post_content; ?> </div> </div> </div></div> </div> </div> <?php wp_footer(); exit; ?>

He trabajado en esto durante demasiadas horas... ugg