使用动态ajax更新相同的div

Question

我在div1上单击了Jquery以使用$ ajax动态更新内容。

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

两个查询都工作正常，但是问题就在。单击第二个查询的更新会将第一个查询结果加载到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”是否为true，否则请运行，然后将其设置为true。 这将防止用户单击div时再次运行第一个ajax调用。 您的第二个ajax应该运行良好。