2011-01-18 16 views
0

私はthisに続き、AJAXページネーションが機能するようにしました。しかし、JQueryライブラリをインクルードすると、動作しません。私はjrailsプラグインを使用していますが、それでもどちらも役に立ちません。何か案は?ありがとう!ここでJQueryとwill_paginate ajaxページ区切り

)は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() 
    } 
}) 

} }だ

EDIT

これは私の実際のコードであると私はjqueryのを含んでいないときには正常に動作します。 しかし、私はプロトタイプとJQUERYの両方を使う必要があります。あなたはjQueryライブラリが含まれている場合も、私はページのいずれかをクリックしたときにno.s私はこの

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

jQueryを追加したときにプロトタイプライブラリへの参照を削除しましたか?上記のコードはプロトタイプコードなので、jQueryでは動作しません。またコピーして貼り付けましたか?それがあなたの実際のコードなら、セミコロンがないとどうしてうまくいかないのか分かりません。 – Samo

答えて

1

を取得し、それがすべての$呼び出しが(例えばではなくプロトタイプ)のjQueryの呼び出しであることを仮定します。 。これを防ぐために、すぐにそれを引っ張った後、お使いのjQueryオブジェクトのメソッドのnoConflictを呼び出して、あなたがこれをやったhttp://api.jquery.com/jQuery.noConflict/

を参照してください、$呼び出しはjQueryのでは無視されます:それはIEのみ

、「jQueryの」に対応させていただきます
$("foo").something => prototype 
jQuery("foo").something => jQuery