He incluido la librería de jquery, después de jQuery interfaz de usuario de la biblioteca, y aún así no funciona. Yo estoy Usando el navegador Google Chrome.

código de la Siguiente manera:

<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js" type="type/javascript"></script>
<script type="text/javascript">
    $(function() {
        $( ".drag" ).draggable();
    });
</script>

<div id="aboutBox" class="boxLook boxBg drag"></div>

No puedo encontrar ninguna solución en cualquier lugar. El depurador se dice que el método que se pueden arrastrar no existe. Pero he añadido jQuery Y jQuery UI, y las rutas son correctas! simplemente no funciona.

La interfaz de usuario jquery archivo js está utilizando, incluye la posibilidad de arrastrar el módulo? Intenta volver a su interfaz de usuario jquery archivo de su sitio web y asegúrese de que pueden arrastrarse está incluido.
abrí la interfaz de usuario jquery JS archivo y buscamos la posibilidad de arrastrar y existía, también he añadido la interfaz de usuario que se pueden arrastrar a la ventana de acerca de. Todavía Nada

OriginalEl autor AlexMorley-Finch | 2011-08-23

7 Comentarios

  1. 13

    Usted tiene alguno de estos problemas:

    1. Sus jQuery o de interfaz de usuario jQuery Javascript ruta de los archivos están mal
    2. Su interfaz de usuario jQuery no incluye la posibilidad de arrastrar
    3. Sus jQuery o de interfaz de usuario jQuery Javascript archivos están dañados
    4. Su div es sin estilo y vacía, por lo tanto no hay nada para arrastrar
    5. Algo colisiona con el jQuery o jQuery UI, por lo que no funciona

    El código es correcto, y se debe trabajar:

    http://jsfiddle.net/u7zWA/

    Bueno, Strangly yo tengo que trabajar. En lugar de agregar las secuencias de comandos a través de mi proyecto de un recuperado el código de «ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js«, Y funciona! Yaay! Pero Ahora tengo Otro Problema, puedo Arrastrar La Div. Pero Cuando me suelte el div, devuelve a su Posición original :s
    draggable({ revert: false }), si mi respuesta te ayudó por favor upvote y aceptar 🙂
    6. Se carga usted interfaz de usuario de secuencia de comandos antes de jquery

    OriginalEl autor Kokos

  2. 2

    Intente esto :

    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.16.custom.min.js" type="type/javascript"></script>
    <script src="js/ui/jquery.ui.draggable.js" type="type/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $( ".drag" ).draggable();
        });
    </script>
    
    <div id="aboutBox" class="boxLook boxBg drag"></div>

    Tienes que implementa la posibilidad de arrastrar componente de su proyecto, e incluye ! http://jqueryui.com/download

    Es probablemente incluido en js/jquery-ui-1.8.16.custom.min.js. «personalizado» es el sufijo que se usa para denotar de forma personalizada de la interfaz de usuario jQuery biblioteca.
    Él me hizo sonreír un poco.

    OriginalEl autor Maxooo

  3. 1

    Mi problema era que yo tenía otro evento obligado a mousemove que contenía un e.stopPropagation(); que impidió que la .draggable() ratón código de trabajo.

    $(document).on('mousemove', '*', function (e) { MyFunction(e); });
    
    function MyFunction (sender, e)
    {
        e.stopPropagation();
        ...
    }

    La solución fue eliminar el e.stopPropagation(); y re-evaluar su aplicación.

    la salida de la consola: «Uncaught TypeError: No se puede leer la propiedad ‘stopPropagation’ undefined». Podría usted por favor, seleccione un motivo?
    compruebe que está pasando e a través de la función árbol

    OriginalEl autor Valamas

  4. 1

    En mi caso yo estaba usando una versión anterior de jQuery UI. He sustituido el antiguo referencia con la siguiente y todo empezó a funcionar como se pretende.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

    OriginalEl autor Versatile

  5. 0

    Comprobar si su draggable objeto ya está cargado en el área de visualización. Si no, no funcionará correctamente.

    Mi consejo es añadir este código

    <script type="text/javascript">             
    $(function() {                         
        $( ".drag" ).draggable({ helper:'clone' });
    });
     </script>

    JUSTO DESPUÉS de la que se pueden arrastrar el objeto a ser absolutamente seguro de que todo está cargado en el momento correcto.

    Cuando usted va a estar seguro de que todo está ok, entonces usted será capaz de refactorizar.

    OriginalEl autor Alex Moleiro

  6. 0

    Me fijo por la configuración del cuadro de diálogo posición fija. Funcionó como una magia, después de horas de tensión:

    .ui-dialog {
        position: fixed;
    }

    OriginalEl autor periback2

  7. 0

    Otra posible razón es que te has convertido en toda arrastrar eventos fuera en alguna otra parte del código, usando algo como esto:

    window.ondragstart = function () { return false; };

    Esto detendrá el jQuery interfaz de usuario de arrastrar evento de disparo.

    OriginalEl autor Nanki

Dejar respuesta

Please enter your comment!
Please enter your name here