0

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 创建的。我的错误在哪里？

4

2 回答 2

1

如果你尝试怎么办：

<script type="text/javascript">
 $(document).ready(function(){
  $('.fancybox').fancybox();
 });
</script>
于 2012-11-27T22:39:07.157 回答
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');
于 2012-11-28T00:32:43.703 回答