在jQuery加载中使用变量来加载部分html

Question

我想像下面一样使用AJAX加载部分HTML文件，但是页面完全加载，而不仅仅是选择器。 我究竟做错了什么？

$(function(){
    $('#post-list a').click(function(e){
        var url = $(this).attr('href');
        $('#ajax-div').load(url "#post");
        e.preventDefault();
    });
});

Answer 1

从JQuery文档中：

与$ .get（）不同，.load（）方法允许我们指定要插入的远程文档的一部分。 这可以通过使用url参数的特殊语法来实现。 如果字符串中包含一个或多个空格字符，则假定字符串中第一个空格之后的部分是确定要加载内容的jQuery选择器。

在您的代码中：

$('#ajax-div').load(url "#post");

应该：

$('#ajax-div').load(url+" #post");

我假设缺少的+是一个错字，但是url和#post之间的空格很重要！