私はワードプレスのポートフォリオに取り組んでおり、 ajax/jquery を使用してスライドドロワーに投稿コンテンツをロードしようとしています.load()
。@techfoobar の親切な助けにより、ページの選択した要素 (サムネイル) をクリックすると、ドロワーを開くことができるようになりました。しかし、今、私の ajax コンテンツがこの div にロードされない理由を見つけるのに最も苦労しています...
サムネイルをクリックすると、ドロワーが開き、ブラウザはこの URL をロードする代わりに、URL に進みます引き出し。Esc を押してブラウザーを停止すると、"loading..." と表示されるため、jQuery はその時点まで機能しています。
誰かがこのフィドルをチェックできますか http://jsfiddle.net/RF6df/14/load 関数の場所を間違えたのか、それともコンテンツを正しく読み込むのを妨げる重大な構文上の問題があるのか教えてください。(jsfiddleではロードが機能しないと思いますが、少なくともコードを確認できます)
その前に参考までに、初めて ajax を試したとき、これを使用してコンテンツをロードしていましたが、正常に動作していましたが、div は既に php ページに配置されていました (クリックが検出されたときにロードされませんでした)。
ああ、私はjqueryの初心者であることを覚えておいてください。あなたが見たり行ったりすることについてコメント/説明できれば、それは非常に貴重です!
$(document).ready(function(){
$.ajaxSetup({cache:false});
$(".ProjectWrap,.mosaic-overlay,.mosaic-backdrop").click(function(){
var post_link = $(this).attr("href");
//$('#DrawerContainer').slideToggle(500);
$("#DrawerContainer").html("loading...");
$("#DrawerContainer").load(post_link + " #container > * ");
return false;
});
});
$(document).ajaxSuccess(function() { // refresh heading in ajax called element
Cufon('h1');
});
編集:
引き出しを書く.load("http://localhost/youpiemonday_New/test4 #container > * ")
と、test4 投稿のコンテンツがフェッチされることに気付きました。Esc を押してブラウザーを停止する必要があります。そうしないと、速すぎます。
私が書く.load(post_link + " #container > * ")
と、表示されるのは「読み込み中...」だけです。したがって、負荷は機能していると思いますが、問題はpost_link
部品にあります。奇妙なことは、私の機能が負荷に厳密に制限されていたときに機能していたことです。