Verschieben von div über den anderen auf einer web-Seite mit Javascript/JQuery?

Ich habe schon viel gesehen, über das tun dies in CSS (weit Weg vom ideal), aber ich bin erwägen den Bau einer Chrome-Erweiterung, und es erfordert, dass ein div eingefügt wird, die vor einer anderen (zur Klarstellung, ich meine, dass bei der Prüfung der Erweiterung muss ich ziehen Sie die div über den anderen mit Chrome-Dev-Tools). Gibt es eine Möglichkeit, dies zu tun beim laden der Seite mit Javascript/JQuery (oder auf eine andere Weise, die getan werden kann, über die Google Chrome-Erweiterung)?

In vorherigen versuchen hab ich versucht, mit insertAfter()/insertBefore() und before() und hatte kein Glück (obwohl ich vielleicht etwas fehlt offensichtlich), so dass ich denke, eine andere Frage ist, ob diese verwendet werden müssen in einer bestimmten Art und Weise innerhalb einer Chrome-Erweiterung?

Vielen Dank im Voraus für jede Hilfe!!!

InformationsquelleAutor whitfin | 2012-12-17
  1. 9

    Hier eine kleine demonstration.

    Den insertBefore code verwendet wird, ist dies:

    $("<div>").prop("id","between").insertBefore("#blah");

    Den ersten beiden jQuery-Funktionen erstellen Sie einfach die div element. Wenn Sie möchten, um eine vorhandene:

    $("#existingDiv").insertBefore("#otherDiv");

    Und dieser sollte ziemlich selbsterklärend.

    Plugins, laden jQuery asynchron. So etwas sollte tun:

    (function(){
    var s = document.createElement('script');
    s.src = 'http://code.jquery.com/jquery-1.8.2.min.js';
    document.getElementsByTagName('head')[0].appendChild( s );
})();
    InformationsquelleAutor Purag
  2. 2

    jQuery hat eine sehr einfache Methode zum verschieben eines Knotens vor einem anderen, der Sie berührt Ihre Frage:

    BEVOR:

    <div id="first"></div> <div id="second"></div>

    $("#second").insertBefore("#first");

    NACH:

    <div id="second"></div> <div id="first"></div>

    Soweit Chrom, möchten Sie vielleicht tun einige Graben, um zu sehen, ob jQuery geladen ist, durch die Zeit, die Sie Ihren Anruf tätigen oder nicht

    • Ich glaube, das heißt, die Probleme, die ich bin vor müssen mit dem, wie es gehandhabt wird, indem Sie Chrome dann. Ich dachte mir, das JQuery-sollte funktionieren, aber man weiß ja nie!
    InformationsquelleAutor BBagi
Schreibe einen Kommentar