为什么这个javascript要插入两个微调器图像?

我在jslint中运行javascript并修复了所有错误,但是 new Ajax . 我移动了 createSpinner -函数,因为不建议在块内定义它。同时声明 img

document.observe(
  "dom:loaded",
  function() {
    var img;
    function createSpinner() {
      return new Element('img', { src: img.src, 'class': 'spinner' });
    }

    // the element in which we will observe all clicks and capture
    // ones originating from pagination links
    var container = $(document.body);

    if (container) {
      img = new Image( );
      img.src = '/images/spinner.gif';

      container.observe(
        'click',
        function(e) {
          var el = e.element();
          if (el.match('.pagination a')) {
            el.up('.pagination').insert(createSpinner());
            new Ajax.Request(el.href, { method: 'get' });
            e.stop();
          }
        }
      );
    }
  }
);

是否有两个类=分页的元素?

尝试执行以下更改:

观察(“dom:loaded”,function(){ //我们将在其中观察所有单击和捕获的元素 var容器=$(document.body)

var img=新图像 img.src='/images/spinner.gif'

var createSpinner() = function { 
  return new Element('img', { src: img.src, 'class': 'spinner' });
}

container.observe('click', function(e) {
  var el = e.element()
  if (el.match('.pagination a')) {
    el.up('.pagination').insert(createSpinner);
    new Ajax.Request(el.href, { 
      method: 'get',
      success: function(){ el.up('.pagination').find('img.spinner').remove(); }
    });
    e.stop()
  }
});

});