Drupal i jQuery. Lekcija 1. Povezivanje jQuery fajla.

jQuery je veoma praktičan alat kada treba nešto sakriti, promeniti, pomeriti, lepo uklopiti i otići. Veoma, veoma praktičan i jednostavan. Hajde da povežemo JavaScript fajl. Fajlove povezujemo u temi kroz fajl sa ekstenzijom .info vaše teme. Da biste povezali fajl, dodajte sledeću liniju u fajl vaše teme:

scripts[] = js/custom.js

gde je js/custom.js putanja do JavaScript fajla u vašoj temi.

Zatim treba definisati izvršavanje jQuery koda nakon učitavanja stranice, za Drupal 6 je ovo dovoljno:

$(document).ready(function(){
  //jQuery kod
});

Ali u Drupalu 7 jQuery radi u noConflict režimu, što omogućava istovremeno povezivanje i Mootools biblioteke. Zato u Drupalu 7 povezujemo jQuery ovako:

(function($){
  $(document).ready(function(){
    //jQuery kod
  });
})(jQuery);

Najbolje je koristiti behaviors:

(function ($) {
  Drupal.behaviors.myModuleBehavior = {
    attach: function (context, settings) {
      // Ovde pišemo svoj JavaScript kod
    }
  };
})(jQuery);

Više o behaviors pročitajte u ovom članku:

8.8. Rad sa javascript/jQuery u Drupalu 8. Šta su behaviors?