С моей главной страницы я вызываю файл ajax через jquery, в этом файле ajax есть дополнительный код jquery. Оригинальная ссылка выглядит так:
<a href="/page1.php" class="guest-action notify-function"><img src="/icon1.png"></a>
Затем код:
$(document).ready(function(){
$('a[rel*=facebox]').facebox();
$('.guest-action').click( function() {
$.get( $(this).attr('href'), function(responseText) {
$.jGrowl(responseText);
});
return false;
});
$('.notify-function').click( function() {
$(this).find('img').attr('src','/icon2.png');
$(this).attr('href','/page2.php');
$(this).removeClass('guest-action').removeClass('notify-function').attr('rel','facebox');
});
});
Таким образом, в основном после нажатия функции уведомления я меняю значок и URL-адрес ссылки, затем я удаляю классы, чтобы щелчок не запускался снова, и добавляю rel="facebox" к ссылке, чтобы окно Facebox было всплывающее окно, если они попытаются щелкнуть появившийся новый icon2.png. Проблема в том, что после того, как я щелкнул начальный значок, все работает нормально, за исключением того, что когда я пытаюсь щелкнуть новый icon2.png, он все еще выполняет код jgrowl из гостевого действия. Но когда я просматриваю источник, он показывает это:
<a href="/page2.php" rel="facebox" class=""><img src="/icon2.png"></a>
Так казалось, что должно работать правильно? Что я делаю неправильно? Я попытался добавить код лицевой панели на главную страницу, которая также вызывает файл ajax, и все та же проблема.