Jquery, работа с вновь подгруженным контентом

267
15 июня 2017, 06:09

Есть блок cat-link, по нажатию на который срабатывает скрипт. Нажатие на кнопку >Показать ещё...< добавляет еще n-е количество блоков cat-link. Вопрос, как оптимизировать скрипт, что бы он срабатывал на вновь добавленные блоки cat-link? Саму кнопку >Показать ещё...< редактировать нельзя.

<div class="cat-link shop-item-foto" rel="https://mirtechniki.net"><i class="icon-image i-shop-item-foto"></i><div сlass="text-itempage-foto">Смотреть</div></div>
<div id="shop-page-more" class=""><button onclick="shopPageMore({more:shop_page+1})">Показать ещё...</button></div>
<script type="text/javascript"> jQuery(document).ready(function($) {$('.cat-link').click(function(){window.open($(this).attr('rel') );}); });</script>
Answer 1

Сам нашел решение, оказалось все довольно-таки просто, использовал .live() вместо .click(), кому интересно смотрите код скрипта:

$(function($) {
  $(".cat-link").live('click', function() {
    window.open($(this).attr("rel"));
  });
});
READ ALSO
Проблема с bootstrap tooltip в связке с bootstrap tabs и bootstrap validator

Проблема с bootstrap tooltip в связке с bootstrap tabs и bootstrap validator

Использую bootstrap tooltip + bootstrap validator, то есть вывожу текст валидатора в tooltip, если создать tooltip на первом табе, при этом находясь на втором, то tooltip...

305
Почему не работает count в Mysql

Почему не работает count в Mysql

Делаю запрос вида

309