Примените jquery fancybox к элементам, загруженным через ajax - PullRequest
0 голосов
/ 02 марта 2012

Я загружаю кучу данных и добавляю их в div.Тем не менее, некоторые элементы данных являются ссылками, которые необходимо использовать с fancybox.Я использую fancybox 1.3.4.Я пробовал несколько решений, таких как $ fancybox.init ();и $ (document) .ajaxStop ();и никто не работал.Ниже приведен мой код:

$.post('/ajax/ajax-page.php', $('#filter-results').serialize(), function(boardData){
    leaderboard.html(boardData);
    upper_top_title.text(sport_skill_level+" "+sport_grad_year);
    lower_top_title.text(sport_type+" Leaderboard");
    Cufon.replace('.t');

    // reload scripts necessary for data, fancybox and font
    $.getScript("/js/fancybox/jquery.fancybox-1.3.4.pack.js", function(){
        $.fancybox.init();
            $("a.video").fancybox({
                'transitionIn'  :   'elastic',
                'transitionOut' :   'elastic',
                'speedIn'       :   400, 
                'speedOut'      :   200, 
                'overlayShow'   :   true, 
                'showCloseButton' : true, 
                'width'         : 670, 
                'height'        : 385, 
                'titleShow'     : false, 
                'type'          : 'iframe'
            });
        });

        $.getScript("/js/init.js",  function() {
            loading.hide().parent().find('#leaderboard').show();
            filter_res_btn.removeClass("disabled_btn").removeAttr('disabled');
            $('.ui-selectmenu').removeClass("disabled_btn").removeAttr('disabled');
        });

    });

Хотя код fancybox теперь находится внутри $ .getScript (), его там не было раньше, я просто попробовал это перед публикацией.Все, что я получаю сейчас, когда нажимаю на ссылки, это ошибка:

t не определено (19 из диапазона 4)

Пожалуйста, дайте мне знать, если у васпредложения.

1 Ответ

2 голосов
/ 02 марта 2012

Fancybox 1.3.4 не поддерживает динамически добавленные элементы, однако вы можете использовать jQuery (v1.7.x) API .on() метод для привязки этих новых элементов к fancybox. Проверьте это сообщение на "как" .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...