在响应式页面上反复加载AJAX内容

Question

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

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

由于

Answer 1

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

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