使用動態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應該運行良好。