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

我试图为元素定义一些事件和样式，这些元素将根据用户与应用程序的交互动态添加到DOM中。我看到

live（）

方法可以用于事件，但我不知道如何使用

live（）

方法应用样式和更具体的规则，比如下面的规则

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

---

其概念是创建一个自定义事件，比如buttonCreatedEvent。如果创建了按钮（使用trigger（）函数），则会触发事件。 您可以使用live（）绑定事件。

---

在live（）的回调函数中，您可以告诉脚本创建jqueryui按钮。

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

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

---

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

这回答了你的问题：另外：我刚刚注意到你的问题说你在申请“live”时遇到了问题。

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