Question

我跟着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\"> ......

Answer 1

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

当你这样做时，jQuery会忽略$调用：它只会响应“jQuery”，即

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

JQuery与will_paginate ajax分页冲突

1 个答案: