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


Loading Data From External File in Jquery

我可能在这里遗漏了一些微小的东西,但我相信多用一双眼睛(或更熟悉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

提前感谢,Kate

尝试在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文档。

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