32、Drupal中的JavaScript应用与开发指南

Drupal中的JavaScript应用与开发指南

水平滑块组件的实现与优化

在开发水平滑块组件时，需要确保滑块内的元素在容器中完全可见，这就需要检查右边界的偏移量。根据该变量的值添加或移除 enabled 类，多次添加相同类并不会有问题，因为jQuery会检测到该类已存在并丢弃添加请求。

以下是更新按钮状态的最终函数：

'updateButtons': function() {
  var leftmost = this.target.is(':first-child');
  this.left[leftmost ? 'removeClass' : 'addClass']('enabled');
  var last = this.content.find('> :last-child');
  var hidden = (last.width() === 0);
  var rightmost = (last.offset().left + last.width() -
                  this.target.offset().left) <= this.container.width();
  this.right[(!hidden && rightmost) ? 'removeClass' :
                                              'addClass']('enabled');
},

为确保按钮能正确更新，需要在两个位置添加对