Jquery 加载不起作用，我的代码中是否存在语法错误？

Question

我正在开发一个 wordpress 作品集，我正在尝试使用 ajax/jquery .load() 将帖子内容加载到滑动抽屉中。在@techfoobar 的帮助下，当我单击页面的选定元素（缩略图）时，我已经能够打开抽屉了。但是现在我很难找到为什么我的 ajax 内容没有加载到这个 div 中...

当我单击缩略图时，会打开抽屉，然后浏览器会继续访问 url，而不是在抽屉中加载此 url。如果我按 Esc 停止浏览器，我可以读取“正在加载...”，因此 jQuery 一直工作到那时。

有人可以检查这个小提琴http://jsfiddle.net/RF6df/14/ 并告诉如果我放错了加载功能，或者是否存在严重的语法问题阻止我的内容正确加载？ （我假设负载不会在 jsfiddle 上工作，但至少你可以检查代码）

在此之前仅供参考，在第一次尝试 ajax 时，我使用它来加载我的内容，它工作正常，但我的 div 已经在我的 php 页面中就位（检测到点击时未加载）。 哦，请记住，我是 jquery 的新手，如果你能评论/解释你所看到或所做的，那将是无价的！​​p>

$(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 部分。奇怪的是，当我的功能严格限制为负载时，它就可以正常工作。

Answer 1

我想我看到了你的问题。 .ProjectWrap 是你的 li 是吗？如果是这样，您要做的是从没有 href 属性的 LI 获取 href。

试试这个：

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

这是在说：为此 (.ProjectWrapper) 找到 <a /> 并获取 href。