31、水平滚动组件开发全解析

水平滚动组件开发全解析

1. 组件功能填充

在开发水平滚动组件时，我们可以利用 JavaScript 的面向对象特性。以下是一个适用于水平滚动项目的构造函数：

Drupal.horizscroll = function(options) {
  // 存储对 this 的引用，以便匿名函数可以引用它
  var that = this;
  // 合并选项对象
  $.extend(this, options);
  // <<< 在此插入更多构造函数代码 >>>
};

这段代码有几个有用的地方：将 this 别名化为 that ，这样我们就能创建可以访问外部 this 的匿名函数。 this 包含正在执行此构造函数的对象的新实例。第二行实现了 jQuery 中常用的“命名参数”模式。

骨架 JavaScript 文件的其余部分包含新对象原型的占位函数：

Drupal.horizscroll.prototype = {
  /**
   * 方法文档
   */
  'method': function() {
    // <<< 在此插入代码 >>>
  },
  /**
   * 另一个方法文档
   */
  'anotherMethod': function() {
    // <