JQuery 与 will_paginate ajax 分页冲突答案

【问题标题】：JQuery conflict with will_paginate ajax paginationJQuery 与 will_paginate ajax 分页冲突
【发布时间】：2011-01-18 14:20:24
【问题描述】：

我关注this 并让 AJAX 分页工作。但是，当我包含 JQuery 库时，它不起作用。我正在使用 jrails 插件，但这也无济于事。有任何想法吗？谢谢！

这是javascript

document.observe("dom:loaded", function() {
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()
  }
})

} })

编辑

这是我的实际代码，当我不包含 JQUERY 时它可以正常工作。但我需要同时使用原型和 JQUERY。另外，当我单击其中一个页面编号时，我会得到这个

try {jQuery("#testing").html("\n  <div class=\"pagination ajax\"> ......

【问题讨论】：

在添加 jQuery 时是否删除了对原型库的引用？因为上面的代码是原型代码，所以在 jQuery 中是行不通的。你也复制粘贴进去了吗？因为如果那是您的实际代码，我无法想象为什么它可以不使用分号。

标签： jquery ruby-on-rails ajax conflict will-paginate

【解决方案1】：

当您包含 jquery 库时，它将假定所有 $ 调用都是对 jquery 的调用（而不是原型）。为防止这种情况，请在拉入 jquery 对象后立即对其调用 noConflict 方法。请参阅http://api.jquery.com/jQuery.noConflict/

完成此操作后，jQuery 将忽略 $ 调用：它只会响应“jQuery”，即

$("foo").something => prototype
jQuery("foo").something => jQuery

【讨论】：