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

Question

我可能在这里遗漏了一些微小的东西，但我确信额外的一双眼睛(或者对 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

提前致谢，凯特

Answer 1

尝试向您的 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"> ，所以尝试解决这个问题。