Esta es la primera vez que hago una consulta en el foro. Estoy haciendo una página que su index carga dinamicamente con ajax varias paginas html, una de ellas es la seccion productos, pero alli necesito mostrar varias paginas a través de los pagers de jquery. El problema es que sigo todos los pasos necesarios para ejecutar la funcion pager por medio de la etiqueta <p> y me aparecen la lista de productos pero todos juntos y sin los numeritos. Asimismo, si ejecuto la página sola, sin llamarla por medio de ajax el pager se ve. Sera que me esta faltando algo?
Este es mi codigo.
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery_pager.js"></script>
<script>
$(document).ready(function () {
$('#ejemplo').pager('p', {
navId: 'nav',
height: '12em'
});
});
</script>
<link href="css/estilos.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="der">
<div id="titCovers">
<h3> Covers </h3>
</div>
</div>
<div id="ejemplo">
<p>
<div id="contenedor1">
<img src="imgCovers/imgCovers01.png" alt="" />
<div class="txt1">Covers de Hadas</div>
<div class="txt2">
Modelo:1 - 1/2 Plazas <br />
Tamano:1.50 x 2.50 cm <br />
Colores:Jean, verde, lila
</div>
<div class="txt3"><a href="contacto.html">Consulte por este producto</a></div>
</div>
<div id="contenedor2">
<img src="imgCovers/imgCovers02.png" alt="" />
<div class="txt4">Covers de Hadas</div>
<div class="txt5">
Modelo:1 - 1/2 Plazas <br />
Tamano:1.50 x 2.50 cm <br />
Colores: Jean, verde, lila
</div>
<div class="txt6"><a href="contacto.html">Consulte </a></div>
</div>
</p>
<p>
<div id="contenedor">
<div id="caja1">
<div class="txt1">COVERS FLORES</div>
<div class="txt2">
Modelo: 2 plazas<br />
Tamano: 2 plazas <br>
Colores: rosa, lila, verde
</div>
<div class="txt3"><a href="contacto.html"> Consulte </a></div>
</div>
<div id="caja2">
<img src="imgCovers/imgCovers08.png" />
<div class="txt4">COVERS RAYAS</div>
<div class="txt5">
Modelo: 1 y 2 plazas<br/>
Colores: jean, rosa, lila, verde
</div>
<div class="txt6"><a href="contacto.html"> Consulte </a></div>
</div>
</p>
</div>
</body>
</html>
Gracias y espero su ayuda!
