为动态添加的 dom 元素定义样式和事件答案

【问题标题】：Defining styles and events for dynamically added dom elements为动态添加的 dom 元素定义样式和事件
【发布时间】：2011-03-09 11:14:41
【问题描述】：

我正在尝试为将根据用户与应用程序的交互动态添加到 DOM 的元素定义一些事件和样式。我看到live() 方法可用于事件，但我不知道如何应用样式，更具体地说，使用live() 方法应用如下规则。

$('a.button').button(); //jquery-ui call to turn links into cool buttons

【问题讨论】：

【解决方案1】：

这个概念是创建一个自定义事件，比如buttonCreatedEvent。如果创建了按钮（使用 trigger() 函数），则触发该事件。您可以使用 live() 绑定事件。在 live() 的回调函数中，您可以告诉脚本创建 jqueryui 按钮。

【讨论】：

【解决方案2】：

更好的方法是为此使用 css 而不是 javascript，这样您动态添加的任何内容都会自动具有正确的样式。

【讨论】：

【解决方案3】：

$('a').addClass('mycoolclass')

.mycoolclass {
  display:block;
  border: solid 1px black;
  padding:10px;
  background: #CCC;
  color: black;
  text-decoration: none;
}

这会让你所有的 a 看起来像黑白自定义按钮或其他东西。

【讨论】：