Сап.
В общем, имеется тренировочный сайт из двух вьюх: index и show (последняя у каждого элемента, т.е. show/:id). И есть простенький скрипт для всплывающего окна по нажатию на ссылку.
Ну и проблема в том, что работает скрипт только на одной из вьюх после загрузки страницы. Т.е. если перейти на другой id, то окно уже появляться не будет.
Я не очень знаком с js, на самом деле, но я так понимаю, что при загрузке страницы как бы функции навешиваются только на элементы одной из вьюх, а остальные идут лесом. Собственно, вопрос в том, как этого избежать?
Если нужно, сам скрипт:
$(function () {
//script for popups
$('a.show-popup').click(function () {
$('div.'+$(this).attr("rel")).fadeIn(500);
$("body").append("<div id='overlay'></div>");
$('#overlay').show().css({'filter' : 'alpha(opacity=80)'});
return false;
});
$('a.close').click(function () {
$(this).parent().parent().fadeOut(100);
$('#overlay').remove('#overlay');
return false;
});
});
