使用动态 ajax 更新相同的 div

Question

我有 div1 和 Jquery 单击以使用 $ajax 动态更新内容。

稍后，查询发生变化，每当用户单击 div1 时，我都需要再次更新内容

两个查询都工作正常，但是问题出在 on.click 更新第二个查询会将第一个查询结果加载到 div 而不是第二个更新的查询结果。

下面的例子解释了一些东西，但不是代码更正：

<div id='1'></div>

查询 1：$('1').click ($ajax('condition1+condition2')) -> 输出：字符串 1

结果：

<div id='1'>string 1</div>

查询 2：$('1').click ($ajax('condition3+condition4')) -> 输出：字符串 2

结果还是：

<div id='1'>string 1</div>

是否因为相同的 div id 会触发第一个发生的条件？我该如何设计它以根据新条件动态更新 on.click 内容？

Answer 1

我希望能理解您的问题.....我猜您的第一个 ajax 调用会在文档准备就绪时运行？那么当用户点击 div 时会运行第二个 ajax 调用吗？但是您的问题是当用户单击正确时会调用您的第一个ajax调用？如果是这样，这将解决它：

我认为最简单的方法是创建一个变量“firstAjaxRan”，将其设置为 false。 当第一个 ajax 调用运行时，检查“firstAjaxRan”是否为真，如果不是，则运行它，然后将其设置为真。这将防止用户单击 div 时再次运行第一个 ajax 调用。您的第二个 ajax 应该可以正常运行。