• Viernes 8 de Noviembre de 2024, 11:03

Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Mensajes - quemerita*

Páginas: [1]
1
JavaScript / Paginacion con JQUERY - Funcion pager
« en: Jueves 10 de Julio de 2008, 20:06 »
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.

Código: Text
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="js/jquery.js"></script>
  4. <script type="text/javascript" src="js/jquery_pager.js"></script>
  5. <script>
  6. $(document).ready(function () {
  7. $('#ejemplo').pager('p', {
  8. navId: 'nav',
  9. height: '12em'
  10. });
  11. });
  12. </script>
  13. <link href="css/estilos.css" rel="stylesheet" type="text/css"/>
  14. </head>
  15.  
  16. <body>
  17. <div id="der">
  18. <div id="titCovers">
  19. <h3> Covers </h3>
  20. </div>
  21. </div>
  22. <div id="ejemplo">
  23. <p>
  24. <div id="contenedor1">
  25. <img src="imgCovers/imgCovers01.png" alt="" />
  26. <div class="txt1">Covers de Hadas</div>
  27. <div class="txt2">
  28. Modelo:1 - 1/2 Plazas <br />
  29. Tamano:1.50 x 2.50 cm <br />
  30. Colores:Jean, verde, lila
  31. </div>
  32. <div class="txt3"><a href="contacto.html">Consulte por este producto</a></div>
  33. </div>
  34.  
  35. <div id="contenedor2">
  36. <img src="imgCovers/imgCovers02.png" alt="" />
  37. <div class="txt4">Covers de Hadas</div>
  38. <div class="txt5">
  39. Modelo:1 - 1/2 Plazas <br />
  40. Tamano:1.50 x 2.50 cm <br />
  41. Colores: Jean, verde, lila
  42. </div>
  43. <div class="txt6"><a href="contacto.html">Consulte </a></div>
  44. </div>
  45.  
  46. </p>
  47.  
  48. <p>
  49. <div id="contenedor">
  50. <div id="caja1">
  51. <div class="txt1">COVERS FLORES</div>
  52. <div class="txt2">
  53. Modelo: 2 plazas<br />
  54. Tamano: 2 plazas <br>
  55. Colores: rosa, lila, verde
  56. </div>
  57. <div class="txt3"><a href="contacto.html"> Consulte </a></div>
  58. </div>
  59.  
  60. <div id="caja2">
  61. <img src="imgCovers/imgCovers08.png" />
  62. <div class="txt4">COVERS RAYAS</div>
  63. <div class="txt5">
  64. Modelo: 1 y 2 plazas<br/>
  65. Colores: jean, rosa, lila, verde
  66. </div>
  67. <div class="txt6"><a href="contacto.html"> Consulte </a></div>
  68. </div>
  69. </p>
  70. </div>
  71. </body>
  72. </html>
  73.  


Gracias y espero su ayuda!  ;)

Páginas: [1]