привязка события к элементу с динамически присваиваемым классом

[Avalon4eg]

доброго времени суток!

Возникла проблема:

На сайте использую плагин booklet (отображение галереи в виде книжки с эффектом перелистывания). Возникла необходимость изменить навигацию - то-есть убрать стандартные кнопки вперед/назад и отображать их над изображениями при наведении на них мыши.

Но вот тут то и возникла проблема: кнопку назад нужно выыодить над изображением которое лежит в слое с классом .b-wrap-left, а вперед над изображением с классом .b-wrap-right. Эти слои "дорисовываются" скриптом динамически.

И я так понимаю скрипт типа

$('.b-wrap-right').hover(......)

не работает именно по-этому, и нужно привязывать событие через live() - но тут опять проблема - live не работает с селекторами в которых указанны классы/идентификаторы, а

$('div img').live("mousover", function(){.....})

это будет практически любое изображение на сайте.

Поделитесь своими соображениями по этому поводу (может я чего-то перемудрил?)

[Great Rash]

Читайте API плагина, там все написано вроде как.

[Avalon4eg]

Спасибо, разобрался.

В статье про этот плагин, в примере, не использовались стандартные кнопки перехода, и разметку я брал оттуда. Вот и пытался прикрутить свои =)

[Avalon4eg]

А вообще, если возникнет необходимость повесить событие на динамически добавляемый элемент как это можно будет сделать?

[Great Rash]

.on() ???

[Avalon4eg]

не работает

отрывок кода

<div class="b-wrap b-wrap-right" >
   <div>
       <img src="/images/photos/e2c861b1dac5a81ea05b3786f7f71eb1.jpg" alt=""/>
   </div>
</div>

нужно при каком либо событии на слое b-wrap-right запустить какой либо код

к примеру

$('.b-wrap-right').on('click', function(){alert('кукареку')})

и не работает

а если написать

$('div img').on('click', function(){alert('кукареку')})

то кукарекает как милый - в чем загвоздка?

[Great Rash]

$('body').on('click', '.b-wrap-right', function() {
  alert('ok');
});

[Avalon4eg]

Спасибо, теперь понятно