Question

我正在运行这一点，基本上我想使用.load()

将部分外部页面内容加载到当前页面

JS

$(".rounded-circle").on("click", function (e) {
  e.preventDefault();
  var url = $(this).next("span").data("gal") + " .carousel";
  console.log(url);
  $(".gallery").load(url);
});

var url提供：http:/example.com/mypage.php .carousel

mypage.php在类.carousel

中有内容

但上面给出了：

jquery-3.3.1.min.js：2未捕获错误：语法错误，无法识别的表达式：http：/example.com/mypage.php .carousel

这有效：

$(".galleria").load("http:/example.com/mypage.php");

但我只想在.carousel而不是整个页面中获取外部网页的内容。

Answer 1

我提供了一个有效的答案，以免留空。最后，我将{I}加载的内容包含在div ID内并且有效。然而其中一条评论表明它也应该与class一起使用，但在我的情况下却没有，因为我不介意其他解决方案，我就这样离开，所以......

注意：我也改变了获取url的方式，现在我直接从href抓取它。

$(".galLInk").on("click", function (e) {
  e.preventDefault();
  var url = this.href + " #galleriaSingle";
  console.log(url);
  $(".galleria").load(url);
});

如何将外部页面内容加载到当前页面？

1 个答案: