Fancybox не определен

Question

Я пытаюсь создать свои собственные следующие и предыдущие стрелки во всплывающем окне fancybox 2.Это нормально работает, чтобы включить их, но когда я нажимаю на них, я получаю, что $ .fancybox не определен.Я открываю страницу, используя ajax.

Это мой код инициализации fancybox:

$(".popup").fancybox ({

maxWidth    : 1200,
maxHeight   : 550,
width       : '90%',
height      : '90%',
autoSize    : false,
openEffect  : 'none',
closeEffect : 'none',
nextEffect: 'none',
prevEffect: 'none',
arrows: false,
padding: 0,
scrolling: 'no',
afterShow: function (e) {

var toolbar = "<div id='next'>Next</div><div id='prev'>Prev</div>";

$(".fancybox-inner").append(toolbar);

}

});

Это мой следующий и предыдущий код:

$("#next").live ("click", function() {

$.fancybox.next();

});

$("#prev").live ("click", function() {

$.fancybox.prev();

});

Оба этиРазмеры кода изменяются в файле javascript popup.js, который я включил на страницу, где я вызываю всплывающее окно.

Что не так?

Answer 1

Я бы лучше сделал

var toolbar = "<div id='next'><a href="javascript:$.fancybox.next();">Next</a></div><div id='prev'><a href="javascript:$.fancybox.prev();">Prev</a></div>";

и забудьте о ваших .live() сценариях.

Кстати, начиная с jQuery 1.7, метод .live() устарел. Вместо этого используйте .on(). Для более старых версий jQuery использование .delegate() предпочтительнее, чем .live().