2011-01-18 4 views
0

나는 this을 따라 갔고 AJAX 페이지 매김이 작동하도록했습니다. 그러나 JQuery 라이브러리를 포함 시키면 작동하지 않습니다. jrails 플러그인을 사용하고 있지만 도움이되지 않습니다. 어떤 아이디어? 감사 !JQuery와 will_paginate ajax 페이지 매김

다음은 자바 스크립트

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를 모두 사용해야합니다. 당신은 jQuery 라이브러리를 포함 할 때 또한 내가 페이지 중 하나를 클릭하면 no.s 나는이

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

jQuery를 추가 할 때 프로토 타입 라이브러리에 대한 참조를 제거 했습니까? 위의 코드는 프로토 타입 코드이므로 jQuery에서는 작동하지 않습니다. 또한 복사해서 붙여 넣으셨습니까? 이것이 실제 코드라면 세미콜론이없는 이유를 상상할 수 없기 때문입니다. – Samo

답변

1

를 얻을, 모든 $ 통화 (예를 들어보다는 프로토 타입) JQuery와 호출 있다고 가정합니다. 즉,

을 단지에 "jQuery를"응답 :.이를 방지하기 위해 즉시에 당겨 후 JQuery와 객체에서의 메소드 noConflict를 호출이 작업을 완료 한 http://api.jquery.com/jQuery.noConflict/

은, 통화가 jQuery를 무시합니다 $보기

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