帮助将一些 Prototype JavaScript 移植到 jQuery

Question

我已经通过使用 will_paginate 插件的 示例代码在我的 Rails 应用程序中实现了一些 AJAX 分页——这显然是使用原型。

但如果我想改用 jQuery 来进行未来的添加，我真的不想让 Prototype 的东西也闲置（是的，我知道 这是可能的）。我已经很多年没有写过 JavaScript 了，更不用说研究 Prototype 和 jQuery...所以我可以使用一些帮助将这一点转换为 jQuery 兼容的语法：

document.observe("dom:loaded", function() {
  // the element in which we will observe all clicks and capture
  // ones originating from pagination links
  var container = $(document.body)

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

    function createSpinner() {
      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' })
        e.stop()
      }
    })
  }
})

提前致谢！

---

编辑： Nick Craver 的回答让我完成了 90% 的工作，所以我只需要选择足够的 jQuery 来进行 HTML 元素替换。代替 Nick 的 $.get($(this).attr("href")); 行，输入以下行：

$.get(this.href, null, function(data){ $(this).html(data); }, 'html');

Answer 1

您可以在 jQuery 中将其缩短为：

$(function() {
  $('.pagination a').live('click', function(e) {
    $(this).parent('.pagination')
           .append("<img src='/images/spinner.gif' class='spinner' />");
    $.get($(this).attr("href"));
    return false;
  });
});

我不完全确定 new Ajax.Request(el.href, { method: 'get' }) 不过，这是一个正在请求的脚本吗？返回后似乎没有对内容进行任何处理。