Drupal और jQuery. पाठ 1. jQuery फ़ाइल को जोड़ना

jQuery एक बेहद सुविधाजनक चीज़ है — जब किसी तत्व को छिपाना, बदलना, स्थानांतरित करना या सुंदर तरीके से प्रदर्शित करना हो। यह बहुत ही आसान और शक्तिशाली है। आइए अब एक JavaScript फ़ाइल को जोड़ना सीखते हैं। हम थीम में फ़ाइलें .info एक्सटेंशन वाली फ़ाइल के माध्यम से जोड़ेंगे। किसी JavaScript फ़ाइल को जोड़ने के लिए अपनी थीम की .info फ़ाइल में निम्न पंक्ति जोड़ें:

scripts[] = js/custom.js

यहाँ js/custom.js आपकी थीम में JavaScript फ़ाइल का पथ (path) है।

अब हमें यह निर्धारित करना होगा कि jQuery कोड पेज लोड होने के बाद चले। Drupal 6 में इसके लिए इतना ही पर्याप्त है:

$(document).ready(function(){
  // jQuery कोड यहाँ लिखें
});

लेकिन Drupal 7 में jQuery noConflict मोड में चलता है, ताकि उसे Mootools जैसी अन्य लाइब्रेरीज़ के साथ भी इस्तेमाल किया जा सके। इसलिए Drupal 7 में jQuery को इस तरह जोड़ा जाता है:

(function($){
  $(document).ready(function(){
    // jQuery कोड यहाँ लिखें
  });
})(jQuery);

हालाँकि, सबसे अच्छा तरीका है Drupal behaviors का उपयोग करना:

(function ($) {
  Drupal.behaviors.myModuleBehavior = {
    attach: function (context, settings) {
      // यहाँ अपना JavaScript कोड लिखें
    }
  };
})(jQuery);

behaviors के बारे में विस्तार से आप इस लेख में पढ़ सकते हैं:

8.8. Drupal 8 में JavaScript/jQuery के साथ काम करना: Behaviors क्या हैं?