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

Question

我可能遗漏了一些细微的东西，但我相信多一双眼睛（或更有 JQuery 经验的人）将是这个问题的答案。

我们的购物车由 BigCommerce 托管，有时我们需要想出变通办法，以实现开箱即用的标准。因此，在我们的类别页面上（这里的示例：http://www.contourliving.com/pillows/），加载到每个列表中的简短描述是通过使用类似于此的 jquery 脚本调用的：

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

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

所以我对这个谜团的问题是，为什么会发生这种情况？我在这里错过了什么？下面列出的是我的外部文件的 link（因为我认为这是它必须出错的地方）；

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

提前致谢，凯特

Answer 1

尝试向您的 load() 调用添加回调函数，然后使用网络浏览器的 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 个具有相同 ID 的 div 元素：<div id="337">，因此请尝试修复该问题。

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

Loading Data From External File in Jquery

html

javascript

php

jquery

bigcommerce