如何使用jQuery在jQuery mobile对话框中编辑动态生成的元素？

Question

我正在开发 jQuery mobile 项目。 我使用 Selectmenu 小部件，当我点击小部件时，它会打开一个生成的对话框。 该对话框有一个关闭按钮，我想从

编辑它

<a role="button" href="#" class="ui-btn ui-icon-delete">Close</a>

到

<a role="button" href="#" class="ui-btn ui-icon-delete"><i class="fa fa-chevron-circle-left"></i></a>

问题是我无法使用 jQuery 来执行此操作，因为对话框HTML是动态生成的，因此我的脚本无效。 我发现人们经常使用 live（）函数将事件绑定到生成的元素，但在这种情况下我没有任何绑定事件。 我还尝试“加载”或“准备好”事件，但没有运气，互联网上的人说 live（）不支持这些事件。 我希望这里的人能帮助我。非常感谢你！

Answer 1

我认为您只想将close文字替换为<i class="fa fa-chevron-circle-left"></i>。这可以通过 jQuery Ready来完成。请参阅下面的代码：

$('a .ui-btn .ui-icon-delete').html("<i class="fa fa-chevron-circle-left"></i>");