Plug in JQuery booklet

a_moreno · #1 (**permalink**) 12/07/2012, 13:33

Buenas compañeros, acabo de encontrar un framework jquery realmente genial, la información está en http://builtbywill.com/code/booklet/.

Sin embargo no puedo hacerlo trabajar, hago todo tal cual el proceso de instalación pero solo me muestra las etiquetas <h></> una detrás de otra, lo que tengo en el HTML lo siguiente:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>New Web Project</title>

        <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery-1.7.2.min.js"</script>

        <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery-ui-1.8.18.custom.min.js"</script>

        <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery.easing.1.3.js"</script>

        <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery.booklet.1.3.1.min.js"</script>

        <link href="jquery.booklet.1.3.1/booklet/jquery.booklet.1.3.1.css" type="text/css" rel="stylesheet" media="screen"/>

        <script type="text/javascript" src="libro.js"></script>

        

    </head>

    <body>

        <div id="mybook">

           <div> 

              <h3>Yay, Page 1!</h3>

           </div>

           <div> 

              <h3>Yay, Page 2!</h3>

           </div>

           <div> 

              <h3>Yay, Page 3!</h3>

           </div>

           <div> 

              <h3>Yay, Page 4!</h3>

          </div>

      </div>

    </body>

</html>

Y esto es lo que tengo en el archivo libro.js, que se supone debería inicializar las paginas que se encuentran dentro del libro div#mybook

Código PHP:

  $(function()

{

   $("#mybook").booklet();

});

Pero realmente no funciona, ahorita que he avanzado mas en jquery he querido probar este plug in pero sin éxtio. Si alguien lo ha utilizado o sabe como moverle estaría genial.

Saludos.

a_moreno · #2 (**permalink**) 13/07/2012, 10:31

Me respondo a mi mismo, realmente era una completa estupidez lo que no funcionaba:

Código PHP:

  <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery-1.7.2.min.js"</script>

        <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery-ui-1.8.18.custom.min.js"</script>

        <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery.easing.1.3.js"</script>

        <script type="text/javascript" src="jquery.booklet.1.3.1/booklet/jquery.booklet.1.3.1.min.js"</script>

Faltan 4 > para cerrar la etiqueta inicial del tag script, con eso ya se soluciónó.