在Jquery中从外部文件加载数据

时间:2015-11-11 22:06:10

标签: javascript php jquery html bigcommerce

我可能在这里错过了一些小小的东西,但我确定一个额外的眼睛(或者更多的人用JQuery消失)将是答案。

我们的购物车由BigCommerce托管,有时我们需要提出解决方案,以便开箱即用的标准,实施。因此,在我们的类别页面上(例如:http://www.contourliving.com/pillows/),通过使用类似于此的jquery脚本调用加载到每个列表中的小简短描述:

$("#this_div_is_called_on_cat_page).load("path_to_external_file #div");

如果您查看类别页面,它似乎可以正常工作,但偶尔会有一些产品没有按预期工作。即使div是外部文件,它们也没有被加载。

所以我对这个谜团的问题是,为什么会发生这种情况?我在这里错过了什么?下面列出的是我的外部文件的链接(因为我认为这是它必须出错的地方);

http://deals.contourliving.com/template/Snippets/CategoryProductSummary.html

提前致谢, 凯特

1 个答案:

答案 0 :(得分:0)

尝试在load()次调用中添加回调函数,然后使用Web浏览器的Javascript控制台检查结果。这应该可以帮助您了解出了什么问题。这是一个例子:

$("#prod_summary_377").load("http://your-website.com/template/Snippets/CategoryProductSummary.html #377", function(response, status, xhr){
  console.log(status);
  if (status == "error") {
    console.log(xhr.status + " " + xhr.statusText);
  }
});

有关详细信息,请参阅jQuery documentation

此外,您的CategoryProductSummary.html页面包含2个div个具有相同ID的元素:<div id="337">,因此请尝试修复该问题。