WP主题jquery

Question

如何在WordPress主题中添加自定义javascript / jquery？我尝试了这个网站上的步骤http://codex.wordpress.org/Function_Reference/wp_enqueue_script但没有运气。

function theme_scripts() {
    wp_enqueue_script( 'sample', get_template_directory_uri() . '/js/sample.js', array( 'jquery' ) ); 
}

add_action( 'wp_enqueue_scripts', 'theme_scripts');

Answer 1

正如codex中所述，您需要通过wp_enqueue_script定义您的jQuery。

因此，对于主题，它将是这样的：

    add_action('wp_enqueue_scripts', 'fwds_scripts');

    function fwds_scripts() {
        wp_enqueue_script('jquery');

        wp_register_script('slidesjs_core', get_template_directory_uri('js/jquery.slides.min.js', __FILE__), array("jquery"));
        wp_enqueue_script('slidesjs_core');


        wp_register_script('slidesjs_init', get_template_directory_uri('js/slidesjs.initialize.js', __FILE__));
        wp_enqueue_script('slidesjs_init');

    }

这里我将wp_enqueue_script定义为jQuery。您也可以跳过此步骤。

第二步，我已经注册了我的jQuery / JavaScript。slidejs_core是句柄，这对于定义该脚本是唯一的。第二个是 URL 。您需要首先编写get_template_directory_uri（这是您主题的URL）以及您存储 JS 的其他路径。我已经创建了 JS 文件夹，并在该文件夹中保存了我的JS文件。所以我的路径是js/jquery.slides.min.js。然后我定义了数组，这有助于在我们的脚本之前加载该特定脚本。此数组是可选。

您需要在wp_enqueue_script中定义的句柄中添加wp_register_script。