jquery - 在响应页面上重复加载 AJAX 内容

Question

我有以下网站http://rangeessentials.petersenuploads.co.uk/

当屏幕宽度超过一定尺寸（480px）时，页面使用稍微修改的响应式框架通过 AJAX 加载辅助内容。但是，如果您将屏幕调整为较窄的宽度并刷新然后使其变宽，则会加载重复的内容。我正在检查是否加载了内容（查看 init.js），但它似乎被忽略了。我不知道发生了什么事。有任何想法吗？

谢谢

Answer 1

这是因为$.ajax是异步的。例如，根据服务器端函数的速度，在函数添加内容和类loadLeftAux()之前会触发多次。success在第一个 ajax 调用返回它的响应并添加内容之前，if 语句将不起作用。添加内容后，您已经开始了更多的 ajax 调用，这些调用将完成并添加更多内容。

您需要做的是，在发送新请求之前，您必须确定是否有 ajax 调用正在运行。