WP主题jquery

Question

如何添加自定义JavaScript/jQuery到WordPress主题？我试着在这个网站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.In即slidejs_core是手柄这是唯一定义script.Second是URL。你需要先写get_template_directory_uri（这是你的主题的URL）和他们存储你的JS的其他路径。我制作了JS文件夹，并在该文件夹中保存了我的JS文件。所以我的路径是js/jquery.slides.min.js。然后，我已经定义了数组，这有助于在我们的脚本之前加载该特定脚本。此数组是可选。

后，您需要通过您的添加wp_enqueue_script处理我们在wp_register_script定义。