通过链接将外部页面加载到div中

Question

我正在尝试使用以下代码将外部页面加载到div中：

$("a.btn").click(function(){
    $("div#cart_load").load("*url_here*");
});

问题是，我在页面中有多个链接（a.btn）;每个都有不同的URL（例如http://myurl.com/product/ID），对应不同的产品。

如何使加载功能自动从每个链接获取URL？

Answer 1

您可以使用您点击的锚点的href属性，如下所示：

$("a.btn").click(function(e) {
  $("#cart_load").load(this.href);
  e.preventDefault(); //stop the browser from following the link
});