logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动

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?