FancyBox根本不工作

Question

我有問題讓fancybox運行 - 我也運行其他一些jquery的。以下是正在運行的腳本。

<!-- latest jQuery direct from google's CDN --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
</script> 

<!-- the mousewheel plugin - optional to provide mousewheel support --> 
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script> 

<!-- the jScrollPane script --> 
<script type="text/javascript" src="../js/jquery.jscrollpane.min.js"></script> 

<!-- EasySlider --> 
<script type="text/javascript" src="../js/easySlider.js"></script> 

<!-- fancybox --> 
<script type="text/javascript" src="../js/fancybox/jquery.fancybox-1.3.2.pack.js"></script> 

<!-- fancybox transitions --> 
<script type="text/javascript" src="../js/fancybox/jquery.easing-1.3.pack.js"></script> 

<script> 
$(function() 
{ 
    $('.scroll-pane').jScrollPane(); 
}); 

</script> 

<script> 
$(document).ready(function(){ 
    $("#slider").easySlider({ 
     auto: true, 
     continuous: true 
    }); 
}); 

</script> 

<script> 
$(document).ready(function(){ 
    $("a#fancy").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 


}); 
</script> 

這是當前（不）受影響的div。

<div class="bodytext" style="position:absolute; left:457px; top:911px; width:468px; height:23px;"> 
<a id="a#fancy" href="../katie/studies/1_explorer/explorer_01.png">1</a> 
&bull; 
<a id="a#fancy" href="../katie/studies/1_explorer/explorer_02.jpg">2</a> 
&bull; 
<a id="a#fancy" href="../katie/studies/1_explorer/explorer_03.jpg">3</a> 
</div> 

不知道發生了什麼，因爲所有其他腳本運行良好。歡呼任何幫助。這可能是簡單的，我可以忽略：]

Answer 1

$(document).ready(function(){ 
    $("a#fancy").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 


}); 

這是指ID爲'fancy'，而不是'a＃fancy'的元素。所以你可以改變你的'a'標籤的ID或使用'a'標籤類而不是id，如下所示。

$(document).ready(function(){ 
    $("a.fancy").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 
}); 

和HTML

<div class="bodytext" style="position:absolute; left:457px; top:911px; width:468px; height:23px;"> 
<a class="fancy" href="../katie/studies/1_explorer/explorer_01.png">1</a> 
&bull; 
<a class="fancy" href="../katie/studies/1_explorer/explorer_02.jpg">2</a> 
&bull; 
<a class="fancy" href="../katie/studies/1_explorer/explorer_03.jpg">3</a> 
</div> 

Answer 2

一指HTML標籤，其中看中的是你嘗試選擇的元素的實際標記。