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 
    }); 


}); 

это отсылая к элементу с идентификатором «фантазии», а не «в # фантазии». Таким образом, вы можете изменить идентификатор своего тега «a» или использовать класс тега «a» вместо идентификатора, как показано ниже.

$(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 тег, где фантазии является фактическим тег элемента, который вы пытаетесь выбрать.