использование делегата по событию клика для загрузки fancybox

Question

Этот код по умолчанию работает нормально:

$('#headerLink').fancybox({
    'ajax' : {type  : "GET" }
});

Но я хочу использовать делегат:

$('#header').delegate('#headerLink', 'click', function(){
    $.fancybox({
        'ajax' : {type : 'GET'}
    });
});

Сначала он загружается, но вместо содержимого просто отображает это сообщение: "Запрошенный контент не может быть загружен. Пожалуйста, повторите попытку позже."

Затем он выгружается и просто перенаправляет на ссылку для ссылки.

Я попытался изменить синтаксис на $(this).fancybox({ ....

Я также пытался использовать «live», но это тоже не работает ..

$('#headerLink').live('click', function(){
    $.fancybox({
       'ajax' : {type   : "GET" }
});

Любая помощь с этим действительно ценится.

Answer 1

Просто измените свой код, чтобы он ссылался на элемент a внутри вашего делегата:

$('#header').delegate('#headerLink', 'click', function(){
    $(this).fancybox({             // $(this) refers to the link
        'ajax' : {type : 'GET'}
    });
    return false;
});