2012-11-27 405 views
0

Fancybox不适合我,但我无法弄清楚。我想我根据需要做了一切。 代码的东西:Fancybox is not loading

<script src="/wp-content/themes/ase/js/jquery-1.8.2.min.js" type="text/javascript"></script> 
    <script src="/wp-content/themes/ase/js/transition.js" type="text/javascript"></script> 
    <script src="/wp-content/themes/ase/fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script> 
    <script src="/wp-content/themes/ase/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> 
    <link href="/wp-content/themes/ase/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" media="screen" /> 
    <script type="text/javascript"> 
     $('.fancybox').fancybox(); 
    </script> 

后:因为它们是由WordPress创建

<a href="/wp-content/gallery/uber-uns/armatur-1.png" class="fancybox" rel="fancybox">/wp-content/gallery/uber-uns/armatur-1.png</a> 


<a href="/wp-content/gallery/uber-uns/armatur-2.png" class="fancybox" rel="fancybox">/wp-content/gallery/uber-uns/armatur-2.png</a> 


<a href="/wp-content/gallery/uber-uns/armatur-3.png" class="fancybox" rel="fancybox">/wp-content/gallery/uber-uns/armatur-3.png</a> 

的链接是绝对的。 我的错误在哪里?

+2

尝试包装你的'$( '的fancybox')的fancybox();'内'$(文件)。就绪(函数(){...});' – crowjonah

+1

可我们看到整个HTML?也许,这可能是因为你在a标签之前执行脚本。尝试移动$('。fancybox')。fancybox()脚本下面定义的标签 – kennypu

+0

这个工作!谢谢! :-) – luke

回答

1

如果你尝试什么:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.fancybox').fancybox(); 
}); 
</script> 
+0

它不能解决问题,但如果我这样做,我不会重定向到图像。它没有任何可见的事情 – luke

0

使用Firebug与Firefox或Safari浏览器中或IE开发工具来看看你得到的JavaScript错误。

而在Wordpress中,您需要正确排队脚本,而不是简单地将它们链接到header.php中,尤其是,用于jQuery库和依赖于jQuery的其他脚本。您的主题可能已经加载了主jQuery库。

如果transition.js依赖于jQuery的 - 这可能是 - 它装入的functions.php

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

自该文档为例,去在你的functions.php主题:

function my_scripts_method() { 
    wp_enqueue_script(
     'custom-script', 
     get_template_directory_uri() . '/transition.js', 
     array('jquery') 
    ); 
} 
add_action('wp_enqueue_scripts', 'my_scripts_method');