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

Firefox で Firebug を使用するか、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 に答える