jQuery Und Drupal-Seite laden

Möchte ich ausführen das jQuery - $(document).ready() in einer drupal-Website. Während ich weiß, dass ich nur kleben Sie es in die index-Seite , das ist wirklich chaotisch und ein hack.

Was ich wissen möchte ist, wo ist die richtige Stelle zu setzen, würde es auch brauchen, um sein Thema genau wie ich nicht wollen, dass alle Themen, die es zu benutzen.

Vielen Dank im Voraus für die Hilfe.

Süßer Erfolg , Dank Euch beiden für die Hilfe , ich habe nur noch eine Letzte änderung an dieser Frage. Das habe ich nun schon so weit gekommen ist , brauche ich zum ausführen der jQuery-code, um das Dokument aktualisieren , kann ich mit dem Kontext, das Dokument zu ändern ?

InformationsquelleAutor RC1140 | 2008-12-15
  1. 2

    VonC angemessen beantwortet die "wie" - Teil der Frage, also konzentriere ich mich auf die "where" - Teil.

    Wenn das Skript theme-spezifisch ist, dann ist der Natürliche Ort, um die Skript-Datei in Ihrem theme. Das problem ist, dass durch die Zeit, Drupal, bekommt zu dem Thema, die $scripts variable wurde bereits "gemacht" (im Drupal-Jargon) in HTML. Hinzufügen eines Skripts in der Design-Ebene, die Sie brauchen, um das Skript hinzuzufügen und den Wiederaufbau der $scripts variable.

    Angenommen, Sie sind mit Drupal 6, das würde gehen in Ihrem theme_preprocess_page() Funktion:

    drupal_add_js(drupal_get_path('theme', 'theme_name') .'/example.js', 'theme');
$variables['scripts'] = drupal_get_js();

    Ändern Sie einfach das zweite argument von drupal_get_path() entsprechend den Namen von Ihrem Thema, dann ändern Sie den Namen der script-Datei aus example.js auf das, was Sie benannt haben Ihr Skript.

    InformationsquelleAutor gregnostic
  2. 7

    Nicht eine Drupal-Spezialist, aber diese blog-Eintrag vorschlagen, dass, wie von Drupal 6, die Sie nicht brauchen, um die $(document).ready() Funktion in unserem jQuery-code.

    Stattdessen könnten Sie alle den code in eine Funktion, die Sie zuweisen als eine Eigenschaft von Drupal.behaviors.

    In der misc/directory von der Drupal installieren, wir haben nicht nur die jquery.js Datei, aber wir haben auch drupal.js (und einige andere js-Dateien, controlling-Funktionen auf bestimmte Seiten oder admin-Funktionen, z.B. upload.js), die regelt die Allgemeine Nutzung von jQuery in Drupal.

    Erklärt er die Drupal-JavaScript-Objekt für den Zweck, mit Eigenschaften, die erreicht werden müssen und werden von anderen js Dateien. Zum Beispiel, Drupal.Einstellungen-Eigenschaft wird verwendet für die übergabe ein array von Modul-Einstellungen, um den js-code für das Modul. Sie tun dies einfach durch Aufruf von drupal_add_js() in deinem php-code und machen Sie sicher, dass der zweite parameter übergeben wird, als "setting", z.B.: 

    drupal_add_js(array('mymodule' => $array_of_settings), 'setting');

    In Ihre js-Datei, dann können Sie diese Einstellungen in Drupal.Einstellungen.mymodule. Sie haben damit erweitert die Drupal.Einstellungen-Objekt mit dem mymodule Eigenschaft, die selbst ein Objekt, welches alle Ihre Einstellungen.

    Andere Eigenschaft des Drupal-Objekt ist das Verhalten-Objekt, d.h. Drupal.behaviors, und wenn wir wollen, dass unsere module hinzufügen, neue jQuery-Verhalten, wir verlängern nur dieses Objekt. Die gesamte jQuery-code für das Modul könnte wie folgt aufgebaut sein: 

    Drupal.behaviors.myModuleBehavior = function (context) 
{
    //do some fancy stuff
};

    Aber, Sie Fragen sich vielleicht, all das unterstützt wird, deklarieren Sie eine Funktion - wie kann es auch aufgerufen werden? Gut, das ist alles sah nach in drupal.js. Es hat eine $(document).ready - Funktion, die ruft die Drupal.attachBehaviors Funktion, die wiederum durchläuft die Drupal.behaviors Objekt ruft alle seine Eigenschaften, diese alle Funktionen deklariert, die durch verschiedene Module wie oben, und übergeben Sie das Dokument als Kontext.

    Grund, es zu tun auf diese Weise ist, dass, wenn Sie Ihre jQuery-code AJAX-Aufrufe, die in eine neue DOM-Elemente, die Hinzugefügt wird, um die Seite, die Sie möchten, dass Ihre Verhaltensweisen (z.B. versteckt alle h3-Elemente oder was auch immer) befestigt werden, dass auch neue Inhalte. Aber da es nicht vorhanden ist, wenn das DOM geladen wurde und Drupal.attachBehaviors lief es nicht irgendwelche Verhaltensweisen angebracht. Mit dem obigen set-up, obwohl, alles, was Sie tun müssen, ist Anruf Drupal.behaviors.myModuleBehavior(newcontext), wo newcontext wäre die neue, AJAX gelieferte Inhalte, so dass das Verhalten nicht angebracht, um das gesamte Dokument noch einmal. Sehen Sie sich hier die vollständige Beispiel für die Verwendung dieser code

    • Eigentlich sollte man das nennen Drupal.attachBehaviors(newcontext) lassen alle registrierten Verhaltensweisen Prozess das newcontext-element (und seine Kinder).
    InformationsquelleAutor VonC
Schreibe einen Kommentar