Добрый день. Использую jQuery плагин для фотогалереи:
http://lokeshdhakar.com/projects/lightbox2/
Скрипт создаёт вот такую разметку:
<div id="lightbox" class="lightbox" style="display: none; top: 1063px; left: 0px;">
<div class="lb-outerContainer" style="width: 551px; height: 344px;">
<div class="lb-container">
<div class="lb-dataContainer" style="display: block; width: 591px;">
<div class="lb-data">
<div class="lb-details"><span class="lb-caption" style="display: inline;">Логан старый</span><span class="lb-number">Image 3 of 5</span></div>
<div class="lb-closeContainer">
<a class="lb-close"></a>
</div>
</div>
</div><img class="lb-image" src="/Логан-старый.jpg" data-id="120" style="display: block; width: 755px; height: 471px;">
<div class="lb-nav" style="display: block;">
<a class="lb-prev" href="" style="display: block;"></a>
<a class="lb-next" href="" style="display: block;"></a>
</div>
<div class="lb-loader" style="display: none; opacity: 0.444301;">
<div class="lb-loader__1"></div>
<div class="lb-loader__2"></div>
<div class="lb-loader__3"></div>
<div class="lb-loader__4"></div>
<div class="lb-loader__5"></div>
</div>
</div>
<div class="lb-comments">120</div>
</div>
</div>
Пытаюсь на кнопки вперёд назад повесить событие
$(document).on('click','.lb-prev', function(e) {
но ни в какую не работает.
Вот что я делаю:
http://jsfiddle.net/s5v4pLz9/