Esta es la primera vez que hago una consulta en un 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?
Espero que alguien me pueda ayudar!!!! Por favor!!!!
Les paso el código....
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<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 </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">
<img src="imgCovers/imgCovers07.png" width="96" height="100" alt="" />
<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" width="96" height="100" alt=""/>
<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 por este producto</a></div>
</div>
</p>
</div>
</body>
</html>