Question

Fancybox对我不起作用，但我无法理解。我想我按要求做了一切。代码资料：

    <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>

后：

<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>

链接是绝对的，因为它们是由WordPress创建的。我的错误在哪里？

Answer 1

如果你尝试怎么办？

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

Answer 2

在Safari或IE中使用Firebug和Firefox或dev工具来查看您获得的javascript错误。

使用Wordpress，您需要正确排队脚本，而不是简单地将它们链接到header.php，esp。对于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');

Fancybox没有加载

2 个答案: