FancyBox根本不工作

我遇到了让fancybox运行的问题 – 我正在运行其他一些jquery。 以下是正在运行的脚本。

              $(function() { $('.scroll-pane').jScrollPane(); });   $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); });   $(document).ready(function(){ $("a#fancy").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false }); });  

这是目前（未）受影响的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

 
 1 • 2 • 3  

Answer 2

a引用html标记，其中fancy是您尝试选择的元素的实际标记。