Foros del Web - Ver Mensaje Individual

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.