Определение стилей и событий для динамически добавляемых элементов dom

Question

Я пытаюсь определить несколько событий и стилей для элементов, которые будут динамически добавляться в DOM на основе взаимодействия пользователя с приложением.Я вижу, что метод live() можно использовать для событий, но я не могу понять, как применять стили и, в частности, правила, подобные приведенному ниже, с использованием метода live().

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

Answer 1

Лучше было бы использовать для этого css, а не javascript, тогда все, что вы добавляете динамически, автоматически будет иметь правильный стиль.

Answer 2

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

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

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

Это сделает все ваши a похожими на черно-белые пользовательские кнопки или что-то в этом роде.

Answer 3

Идея заключается в создании пользовательского события, скажем, buttonCreatedEvent. Событие инициируется, если кнопка создана (с использованием функции trigger ()). Вы можете связать событие, используя live (). В функции обратного вызова live () вы можете указать сценарию создать кнопку jqueryui.