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()。