滚动
Drupal 与 jQuery。第1课:在 Drupal 中引入 jQuery 文件
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 的更多信息,请阅读以下文章: