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

时间:2016-06-19 19:52:17

标签: javascript jquery html ajax

我想使用AJAX加载部分HTML文件,如下所示,但页面加载完全而不仅仅是选择器。我究竟做错了什么?

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

1 个答案:

答案 0 :(得分:0)

来自JQuery documentation:

  

与$ .get()不同,.load()方法允许我们指定一部分   要插入的远程文档。这是通过特殊的方式实现的   url参数的语法。如果有一个或多个空格字符   包含在字符串中,第一个字符串后面的字符串部分   假设space是一个确定内容的jQuery选择器   要加载。

代码:

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

应该是:

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

我假设缺少+是一个拼写错误,但url和#post之间的空间很重要!