jQuery UI Déplaçable ne fonctionne pas
J'ai inclus la bibliothèque jquery, par la suite, la bibliothèque jQuery UI, et cela ne fonctionne toujours pas. Je suis en Utilisant le navigateur Google Chrome.
code Suit:
<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>
Je ne trouve pas de solutions de n'importe où. Le débogueur dit que la méthode déplaçable n'existe pas. Mais j'ai ajouté de jQuery ET jQuery UI, et les chemins sont corrects! il ne fonctionne tout simplement pas.
L'interface utilisateur de jquery js fichier que vous utilisez, ne comprennent que la déplaçable module? Essayez de recréer votre jquery ui fichier à partir de leur site web et assurez-vous que déplaçable est inclus.
j'ai ouvert le fichier JS de jquery ui et recherché déplaçable et il existait, j'ai aussi ajouté de l'interface utilisateur-déplaçable sur la boîte. Toujours Rien
j'ai ouvert le fichier JS de jquery ui et recherché déplaçable et il existait, j'ai aussi ajouté de l'interface utilisateur-déplaçable sur la boîte. Toujours Rien
OriginalL'auteur AlexMorley-Finch | 2011-08-23
Vous devez vous connecter pour publier un commentaire.
Vous avez un de ces problèmes:
Votre code est correct, et cela devrait fonctionner:
http://jsfiddle.net/u7zWA/
draggable({ revert: false })
, si ma réponse vous a aidé merci de upvote et d'accepter 🙂6. Vous chargez-vous de l'interface utilisateur jquery script avant
OriginalL'auteur Kokos
Essayez ceci :
Vous avez à implémente la déplaçable composant à votre projet, et de l'inclure ! http://jqueryui.com/download
js/jquery-ui-1.8.16.custom.min.js
. "personnalisé" est le suffixe utilisé pour désigner personnalisé de la bibliothèque jQuery UI.Il m'a fait sourire un peu.
OriginalL'auteur Maxooo
Mon problème était que j'avais un autre événement lié à mousemove, qui contenait un
e.stopPropagation();
ce qui a empêché le.draggable()
souris code de travail.La solution a été de supprimer le
e.stopPropagation();
et de ré-évaluer sa mise en œuvre.vérifiez que vous êtes de passage à
e
par le biais de la fonction de l'arbreOriginalL'auteur Valamas
Dans mon cas, j'ai été en utilisant une ancienne version de jQuery UI. J'ai remplacé l'ancienne référence avec le suivant et tout a commencé à travailler comme prévu.
OriginalL'auteur Versatile
Vérifier si votre déplaçable objet est déjà chargé dans la fenêtre d'affichage. Si elle ne l'est pas, il ne fonctionnera pas correctement.
Mon conseil est d'ajouter ce code
JUSTE APRÈS la déplaçable objet pour être absolument sûr que tout est chargé, à l'heure correcte.
Lorsque vous serez sûr que tout est ok, alors vous serez en mesure de refactoriser.
OriginalL'auteur Alex Moleiro
Je l'ai fixée par le réglage de la boîte de dialogue position fixe. Il a travaillé comme de la magie, après des heures de stress:
OriginalL'auteur periback2
Une autre raison possible est que vous avez désactivé tous les événements de glisser quelque part d'autre dans votre code, en utilisant quelque chose comme ceci:
Cela va arrêter le jQuery UI glisser déclenchement de l'événement.
OriginalL'auteur Nanki