4

jQueryを使用して開発したカスタムメイドのスライドショーがあります。私のローカルマシンでは完璧に動作しますが、ワードプレスサーバーに移行しようとするとうまくいきません...

これは、私のjavascriptファイルをリンクする方法です:

<?php wp_enqueue_script("jquery"); ?>       
        <?php wp_head(); ?>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/jQuery.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/JQueryUI.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/slider.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/gallery.js"></script>

また、JavaScriptが機能していることも確認しました（アラートのようなもの）。しかし、jQuery に関連するものはすべてそうではありません。

どうしても助けが必要です。関連するチュートリアルへのヒントやリンクで十分です。よろしくお願いします！

4

2 に答える 2

6

ではなく、ファイルで使用する必要がwp_enqueue_script()あります。（そして、jQueryを2回追加しています）functions.phpheader.php

functions.php:

function my_scripts_method() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui', get_template_directory_uri() . '/js/JQueryUI.js', );
    wp_enqueue_script( 'slider', get_template_directory_uri() . '/js/slider.js' );
    wp_enqueue_script( 'gallery', get_template_directory_uri() . '/js/gallery.js' );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

WordPress は jQuery をnoConflictモードでエンキューすることにも注意してください。$

jQuery(document).ready(function($) {
    // your code here
});

次に、呼び出すだけでwp_head()、WordPress がこれらの JavaScript をページに自動的に追加します。

于 2013-06-07T09:28:21.830 に答える
1

ここでわかるように: Function Reference/wp head、20 年のテーマの例で、彼らはメモを追加しました:

/* Always have wp_head() just before the closing </head>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to add elements to <head> such
 * as styles, scripts, and meta tags.
 */

wp_head();これは、を閉じる直前に関数を配置する必要があることを示してい<head></head>ます。

だから、この行を入れてみてください：

<?php wp_head(); ?>

<head>サイトを閉じる前の最後の行として。

私が見た別の問題は、php行を終了するのを忘れたことです;

それは非常に重要です！

ここで指定したコードを使用して、次のように変更します。

<?php wp_enqueue_script("jquery"); ?>       
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jQuery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/JQueryUI.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/slider.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/gallery.js"></script>
    <?php wp_head(); ?>
于 2013-06-07T08:35:27.030 に答える