Wordpress javascript und Jquery

  • Hallo,
    Das Problem war es Jquery bzw Javascript in Wordpress laufen zu lassen.
    So ist es nun inkl. css in den Header eingebaut:

    Code
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
    <style>
    #makeMeDraggable { width: 300px; height: 300px; background: red; }
    </style>
    <script type="text/javascript">   
    jQuery( document ).ready(function( $ ) {
    $('#makeMeDraggable').draggable();
    });
    </script>

    mit folgendem Code wird ein Div erzeugt welches per drag and drop verschoben werden kann.

    Code
    <div id="bontent" style="height: 400px;">
      <div id="makeMeDraggable">verschiebe mich bitte!</div>
    </div>



    nun ergibt sich eine neue Frage nämlich, ob das im footer liegende script

    Code
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


    welches ebenfalls jquery aufruft irgendwie mit denen im header kollidiert?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Sorry, nein, das stimmt so nicht, denn Du hast eine Funktion

    Code
    $(document).ready(function ()

    Dadurch wird der folgende Code erst geladen, nachdem jQuery initialisiert worden ist. Mit zwei jQuery's ergibt es aber ein Konflikt.

  • sorry pixselig, ich habe den anderen Beitrag rausgeholt

    drum editier ich nun in deinem Beitrag rum, damits nicht weiter verwirrt

    Monika

    Einmal editiert, zuletzt von Monika (2. März 2015 um 23:18)

  • Ja, das passiert wenn ein anderer User dazwischenfunkt. Meine Aufforderung einen eigenen Thread zu eröffnen bezog sich nicht auf dich.
    Story, dass hätte besser ausdrücken können!

  • Löschen solltest du deine eigene hardgecodete Einbindung von jQuery.
    Dann bleibt nur noch die Frage offen, ob das jquery ui Plugin mit der anderen WP Version kompatibel ist.
    Aber: poste doch einmal einen Link!

  • Hi Edi,
    wenn ich das wüsste :-(
    ...hätte ich die Lösung hier gepostet :-)
    Ich habe keine Ahnung woran es lag.
    hast du noch einen Tipp für jquery Tutorials?
    ich schlage mich mit dem Drag and Drop rum!

    Gruß Keith

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!