Jquery加載不工作，我的代碼中是否有語法錯誤？

我正在研究一個wordpress組合，我試圖用ajax/jquery加載一個滑動抽屜中的帖子內容。在@techfoobar的幫助下，當我單擊我的頁面的選定元素（縮略圖）時，我已經能夠打開抽屜。但現在我最難找到爲什麼我的ajax內容沒有加載到這個div中...

當我點擊一個縮略圖時，抽屜被打開，然後瀏覽器繼續到網址，而不是加載這個URL在抽屜裏。如果我打Esc停止瀏覽器，我可以閱讀「加載...」，所以jQuery的工作，直到這一點。

有人可以檢查這個小提琴http://jsfiddle.net/RF6df/14/並告訴我，如果我放錯加載函數，或者如果有一個主要的語法問題，防止我的內容加載正確？（我假設負載不會在jsfiddle上工作，但至少你可以檢查代碼）Jquery加載不工作，我的代碼中是否有語法錯誤？

在此之前，當我第一次嘗試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部分。奇怪的是，當我的函數嚴格限於一個負載時，它用於工作。

來源

2012-10-19 wyem

'未捕獲的ReferenceError：Cufon未定義' – Blazemonger

瀏覽器比人眼更適合識別語法錯誤...爲什麼不看看控制檯輸出？ – Christoph

cufon被加載到我的本地安裝中，所以我認爲它不是來自這個...而且控制檯返回的唯一信息是：'加載資源失敗：服務器響應狀態爲404（Not Found）'帶有一個奇怪的地址像這樣'mylocalhostaddress /.../ undefined？_ = 1350656188907' ...你認爲它不能識別var var post_link = $（this）.attr（「href」）;'part？ – wyem

我想我看到你的問題。 .ProjectWrap是你的li是嗎？如果是這樣，你試圖做的是從一個沒有href屬性的LI獲取href。

試試這個：

var post_link = $(this) 
       .parentsUntil(".ProjectWrap") 
       .parent() 
       .find(".mosaic-backdrop") 
       .attr("href");

這是什麼東西做的是說：對於這個（.ProjectWrapper）找到<a />並獲得HREF。

來源

2012-10-19 14:57:59

不錯的嘗試，但它沒有奏效。 .ProjectWrapper是一個包含在LIs中的div（我知道這很糟糕，但它工作，不記得我爲什麼這麼做......）。該div包裝圖像和文字是我的鏈接。我編輯了第一個小提琴，讓你可以看到它在我的電腦中看起來像什麼。 [http://jsfiddle.net/RF6df/16/](http://jsfiddle.net/RF6df/16/）。 – wyem

剛剛編輯帖子，看最後一部分？看起來像'var post_link'問題你不覺得嗎？ – wyem

看起來像，仍然不認爲它找到正確的'href'。嘗試縮小從$（「。ProjectWrap，.mosaic-overlay，.mosaic-backdrop」）到'$（「。mosaic-backdrop」）''的點擊事件。看看是否給你正確的'post_link'。 –

Jquery加載不工作，我的代碼中是否有語法錯誤？

回答

相關問題