添加了ajax的按鈕沒有jQuery函數和CSS樣式

Question

我正在製作一個Wordpress插件，其中列出了從MySQL表中的行。每行都有「編輯」和「刪除」按鈕。該表還具有用於向表中添加行的「添加」按鈕。爲了添加和編輯行，我使用jQuery對話框，以及在同一頁面上顯示所有更改的ajax函數。這意味着，當頁面加載時，「添加」和「編輯」按鈕的類會附帶jQuery函數，點擊時會打開UI對話框。正因爲如此，它們也具有jQuery自動給出的某種CSS樣式。

但是，當我添加一個新行，並且它通過頁面上的ajax顯示時，它的「編輯」按鈕沒有附加功能，也沒有CSS樣式。此外，當我編輯現有行時，值會更改，但現有行中的「編輯」按鈕也會更改，並且失去功能和CSS樣式，即使它具有相同的類。我如何讓jQuery通過ajax爲額外添加的按鈕添加功能和CSS樣式？

Answer 1

你的jQuery函數只綁定到第一次加載頁面時存在的元素，假設你在$（'document'）。load（）中完成所有這些。

要綁定功能，動態添加元素，檢查jQuery的文檔的這一部分：

jQuery on()

這樣的jQuery不斷尋找在頁面加載後的元素，甚至綁定。