花式盒子是做給直接鏈接

Question

我有這個js

$(".features_edit").fancybox({ 
    'width'    : '38%', 
    'height'   : '40%', 
    'autoScale'   : false, 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    'type'    : 'iframe' 
}); 

我的HTML

<li><a href="http://somthing.com/side/48/features/553/edit" class="features_edit">Apples</a></li> 
<li><a href="http://somthing.com/side/48/features/554/edit" class="features_edit">Oranges</a></li> 
<li><a href="http://somthing.com/side/48/features/555/edit" class="features_edit">Pears</a></li> 

但是當我點擊它進入的位置而不是燈箱 任何想法

確定這裏是更多資料

所有環節都得到加了我Ĵ avascript所以當我這樣做

$(".features_edit").click(function(){ 
    console.log("testing"); 
}); 

什麼也沒發生，也許我需要某種形式的實況或東西使它工作的任何想法

Answer 1

的文檔鏈接如下。
http://fancybox.net/howto

這裏有一些事情要考慮有關的fancybox：

1. 需要一個有效的doctype
2. 需要jQuery和的fancybox js文件。
3. 需要fancybox css文件。

此外，您的$（選擇）.fancybox（{...語句必須是內部的$（document）.read（功能{...語句。

Answer 2

你可以發佈更完整的代碼樣本？你是否收到任何javascript錯誤？我還看到這個，當時沒有包括fancybox插件js文件的正確路徑。

Answer 3

請確保你在文檔準備好後調用$ .fancybox

例如：

jQuery(document).ready(function($){ 
$(".features_edit").fancybox({ 
    'width'    : '38%', 
    'height'   : '40%', 
    'autoScale'   : false, 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    'type'    : 'iframe' 
}); 
});