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

Question

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

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

Answer 1

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

Answer 2

更好的方法是使用css而不是javascript，这样你动态添加的任何东西都会自动拥有正确的样式。

Answer 3

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

http://api.jquery.com/addClass/

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

这会使你的所有东西看起来像黑白自定义按钮等。