Bug dialog JQuery UI????

IXtremeLT · #1 (**permalink**) 27/08/2011, 14:00

Hola que tal,

Ejemplo del bug:

Código HTML:

Ver original<html>
 
    <head>
 
        <!-- Inicio de llamadas a JQuery -->
        <link id="stylesheet" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css">
        <script src="js/jquery-1.6.2.min.js" language="JavaScript" type="text/javascript"></script>
        <script src="js/jquery-ui-1.8.15.custom.min.js" language="JavaScript" type="text/javascript"></script>
        <!-- Fin de llamadas a JQuery -->
 
        <script language="JavaScript" type="text/javascript">
            $( document.ready ).ready( function() {
                $( "#example" ).dialog();
                $( document ).click( function() {
                     if ( $( "#example" ).dialog( "isOpen") )
                         $( "#example" ).dialog( "close" );
                     else
                         $( "#example" ).dialog( "open" );
                } );
            });
        </script>
 
    </head>
 
    <body>
    Mueve primero el dialogo, luego click en el documento para cerrar/abrir y verás que cuándo se abre aparece un poco más arriba, ¿Por qué?!!!
        <div>&npbs;
            <div id="example" title="Example example.">
                Example
            </div>
        </div>
 
    </body>
 
</html>

Por favor, prueben el código para que vean a que me refiero, primero tienen que mover el dialogo, luego lo cierran y cuando lo vuelvan a abrir veran que se mueve hacia arriba.

Esto pasa cuándo introduzco "#example" dentro de otro elemento porque si lo pongo directamente en el body funciona bien, pero mis necesidades es que esté dentro de otro elemento y de esa manera pasa ese bug.

¿Es un bug o algún error mío?

Gracias y saludos.

IXtremeLT · #2 (**permalink**) 28/08/2011, 10:57

Nadie tiene idea al respecto?, necesito que alguien me ayude!, hehe.

IXtremeLT · #3 (**permalink**) 29/08/2011, 00:15

Creo que nadie tiene idea de porque sucede ésto, pero al fín lo logré!

Mencionaré el problema ya que además de éste bug, podrían suceder más si se cométe el mísmo error que yo.

El simple pero molestoso error fué que combiné un tema para otra versión de jquery-ui, pues las versiones deben ser idénticas, en mi caso use 1.7.2 para el tema y 1.8.15 para el ui. Por eso sucedía ese problema y para solucionarlo tendría que ser: 1.8.15 para el tema y 1.8.15 para el ui.

Espero que esta información les sirva a otros cuando se basen en jquery para hacer algún proyecto por que al parecer nadie sabía de esto.

Saludos.