jQuery load方法无法加载目标页面指定div的问题求助

正确代码实现 #

你需要将URL与目标元素选择器拼接成单个字符串，两者之间用空格分隔，修正后的代码如下：

$("li#blogs").on("click", "a#pagination-comments-blogs", function(e) {
  e.preventDefault();
  var url = $(this).attr("href");
  $("div#blogs-comments-display").slideUp();
  // 使用模板字符串拼接URL和选择器
  $("div#blogs-comments-display").load(`${url} div#blogs-comments-display`).slideDown(1000);
});

如果不使用ES6模板字符串，也可以用传统字符串拼接方式：

$("div#blogs-comments-display").load(url + " div#blogs-comments-display").slideDown(1000);

错误原因说明 #

• 最初的写法load(url "div#blogs-comments-display")存在JavaScript语法错误：两个字符串字面量之间缺少运算符，浏览器无法解析执行，导致加载逻辑失效。
• 添加逗号后的写法load(url, "div#blogs-comments-display")不符合load方法的参数规则：该方法的第二个参数如果是字符串，会被识别为发送给服务器的请求数据（如POST表单参数），而非页面内的元素筛选器，因此会加载完整页面内容，而非目标div。

内容的提问来源于stack exchange，提问作者Satheesh PM