Le déplacement div au-dessus de l'autre sur une page web à l'aide de Javascript/JQuery?
J'ai vu beaucoup de choses au sujet de faire cela en CSS (loin d'être parfait), mais je suis en train de penser la construction d'une extension Chrome et il faut qu'une div est inséré avant l'autre (pour plus de précisions, je veux dire que lors du test de l'extension j'ai besoin de faire glisser le div au dessus de l'autre à l'aide de Chrome Dev Tools). Est-il un moyen de le faire sur la page de la charge à l'aide de Javascript/JQuery (ou d'une autre façon qui peut être fait par Extension Chrome)?
Lors de précédentes tentatives, j'ai essayé d'utiliser insertAfter()
/insertBefore()
et before()
et n'a pas de chance (même si j'ai peut-être raté quelque chose d'évident), donc je suppose une autre question est faut-il être utilisé dans un certain sens, à l'intérieur d'une Extension Chrome?
Merci d'avance pour toute aide!
Vous devez vous connecter pour publier un commentaire.
Ici est un peu la démonstration.
La
insertBefore
code utilisé est: est-ceLes deux premières fonctions jQuery il suffit de créer le
div
élément. Si vous souhaitez déplacer un existant:Et cela devrait être assez explicite.
Pour les plugins, charger jQuery de manière asynchrone. Quelque chose comme ceci devrait faire:
jQuery a une méthode très facile à déplacer un nœud avant de l'autre, ce qui vous avez évoqué dans votre question:
AVANT:
<div id="first"></div> <div id="second"></div>
APRÈS:
<div id="second"></div> <div id="first"></div>
Autant que google Chrome, vous voudrez peut-être faire quelques recherches pour voir si jQuery est chargé par le moment de votre appel ou non