logo

Palette - Make it Colorful🎨

Palette - Visual Page Builder, no design degree required.

Live Demo Download Palette

滚动

Drupal 与 jQuery。第1课:在 Drupal 中引入 jQuery 文件

10/10/2025, by Ivan

jQuery 是一个非常方便的工具,当你需要隐藏、修改、移动或优雅地调整页面元素时,它非常简单又高效。现在我们来学习如何在 Drupal 中引入 JavaScript 文件。我们将在主题的 .info 文件中引入这些脚本。要引入文件,请在主题的 .info 文件中添加以下行:

scripts[] = js/custom.js

其中 js/custom.js 是你主题中 JavaScript 文件的路径。

接下来,需要确保 jQuery 代码在页面加载完成后执行。对于 Drupal 6,这样写就足够了:

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

而在 Drupal 7 中,jQuery 运行在 noConflict 模式下,这样可以同时加载 jQuery 和 Mootools 等库。因此,在 Drupal 7 中我们这样引入 jQuery:

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

但最推荐的方式是使用 behavior(行为)

(function ($) {
  Drupal.behaviors.myModuleBehavior = {
    attach: function (context, settings) {
      // 在这里编写你的 JavaScript 代码
    }
  };
})(jQuery);

关于 behaviors 的更多信息,请阅读以下文章:

8.8. 在 Drupal 8 中使用 JavaScript/jQuery。什么是 behaviors?