AJAX投稿が突然動作を停止しましたか？

Question

私は何かを変えたと思うが、今は動作していない。私はすべてを試しました。すべてをコメントアウトしていますが、それは遅れているので、私はおそらく愚かな間違いをしています。ここでは、次のとおりです。

// Show All Work on Load 
function showAllWorkOnLoad() { 
var thePostData = "filter=allwork"; 
var inner = document.getElementById('content').innerHTML; 
alert(inner); 

$.ajax({ 
    type: "POST", 
    url: "http://justtwobros.com/get_work.php", 
    data: thePostData, 
    success: function(theRetrievedData) { 
     document.getElementById('content').innerHTML = theRetrievedData; 
     $("#content").fadeIn(20); 
     focusButtonAllWork(); 

     var count = 0; 
     $("#content").find('.work_thumbnail_wrapper').each(function() { 
      count++; 
      var timeWait = (count * 100) + 500; 
      var theId = $(this).attr('id'); 
      var theIdDone = "#" + theId; 
      setTimeout(function(){$(theIdDone).fadeIn(300);},timeWait); 
     }); 

    } 
}); 
} 

リンクをしたい場合は、ここにある：http://justtwobros.com

何も（それはそれを入れて、PHPファイルから結果を取得するには、このjavascript関数を呼び出す側には現れていませんで、その後のセクションでフェードイン。私はちょうどPHPファイル内のテキストを入れて、それはまだ動作しませんでしたので、それはここで台無しに知っている。

ありがとう！

Answer 1

唯一の問題は、jQueryとPrototypeの両方を読み込んでいることです。

PrototypeはjQueryのように$オブジェクトを使用します。 Prototypeを2番目にロードしているので、$オブジェクトの定義がjQueryを上書きしているため、オブジェクト$に対して定義されていない ".ajax（）"の行にエラーが発生します。

Prototype.jsを削除しても問題ありません。代わりに、prototype.jsのを除去する

Answer 2

あなたはasdfasdfとここにコンテンツのinnerHTMLプロパティを変更するに

document.getElementById('content').innerHTML = "asdfasdf"; 

とあなたが取得しようとしている - content内部.work_thumbnail_wrapperを、ないそこのコースである。..

$("#content").find('.work_thumbnail_wrapper').each(function() { 

ので、私はこれが原因かもしれないと思う...

Answer 3

FirebugのConsoleタブをhttp://justtwobros.comで有効にすると、「$ .ajaxは関数ではありません」というエラーが表示されます

ページはjQuery 1.6.1をインポートしてからjQuery 1.2.2をインポートします。古いバージョンの最新のjQueryオブジェクトjQuery 1.2.2を削除してみてください。

Answer 4

は、あなたは$構文を使用して、両方のjQuery &プロトタイプの問題を解決しなければならない代わりに、$アヤックス（）

これにより、jQuery.ajax（）を使用することができます。

例： $。（ '＃myDiv'）;jQuery。（ '＃myDiv'）; //どちらが呼び出される関数もあり

有効です。jQuery.noConflictは（）、あなたはここでそれについての詳細を読むことができます： http://api.jquery.com/jQuery.noConflict/