添加了ajax的按钮没有jQuery函数和CSS样式

时间:2014-02-23 22:01:22

标签: jquery css ajax wordpress jquery-ui

我正在创建一个Wordpress插件,其中包含一个列出mysql表中行的表。每行都有“编辑”和“删除”按钮。该表还有一个“添加”按钮,用于向表中添加行。对于添加和编辑行,我使用的是jQuery对话框,以及一个在同一页面上显示任何更改的ajax函数。这意味着,当页面加载时,“添加”和“编辑”按钮具有附加了jQuery函数的类,这些类在单击时打开UI对话框。因此,它们也具有jQuery自动赋予它们的某种CSS样式。

然而,当我添加一个新行,并且它通过页面上的ajax显示时,它的“编辑”按钮没有附加功能,也没有CSS样式。此外,当我编辑现有行时,值会更改,但现有行中的“编辑”按钮也会更改,并且它会丢失功能和CSS样式,即使它具有相同的类。如何让jQuery通过ajax为附加添加的按钮添加功能和CSS样式?

1 个答案:

答案 0 :(得分:-1)

您的jQuery函数仅绑定到第一次加载页面时存在的元素,假设您在$('document')中执行所有这些操作.load()。

要将函数绑定到动态添加的元素,请检查jQuery文档的这一部分:

jQuery on()

这样,即使在加载页面之后,jQuery也会不断寻找要绑定的元素。