Проблема с плагином fancybox jquery

Я использую плагин FancyBox jquery.

я хочу отобразить всплывающее окно описания при нажатии на ссылку. описание получается из URL-адреса (что-то вроде ajax). но когда я нажимаю на ссылку, fancybox не работает, и окно моего браузера переходит на этот URL-адрес, а не всплывает вверх.

почему это так?

мои элементы ссылки загружаются через ajax.

вот мой код:

$("[id^=pane]").delegate("a.group:not(.haspopup)","click",function() {
    $(this).addClass("haspopup").fancybox({
         'transitionIn'        :       'elastic',
         'transitionOut'       :       'elastic',
         'speedIn'             :       600, 
         'speedOut'            :       200, 
         'overlayShow' :       false
    }).click();
});

jquery fancybox jquery-plugins
person hd.    schedule 17.01.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно отправить запрос ajax с помощью jquery, а затем использовать загруженный контент ajax для fancybox.

Код такой:

$.ajax({
    type        : "POST",
    cache   : false,
    url     : "/data/login.php",
    data        : $(this).serializeArray(),
    success: function(data) {
        $.fancybox(data);
    }
});

Также проверьте приведенный выше пример на сайте fancybox.

person Andrew Orsich    schedule 17.01.2011
comment
спасибо. но элементы «a», которые fancybox должен добавить для них, также загружаются ajax, а не только их содержимое при нажатии. как я могу прикрепить fancybox к будущим элементам? - person hd.; 17.01.2011