将jQuery包含到Wordpress模板中

Question

我有一个定制的幻灯片,我用jQuery开发.它完美的作品我的本地机器上,但是当我尝试它过渡到WordPress的服务器,它只是将无法正常工作...

这是我链接我的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相关的一切都没有.

迫切需要帮助.任何相关教程的提示或链接都可以.谢谢你提前!

Answer 1

你应该wp_enqueue_script()在你的functions.php档案中使用,而不是你的header.php.(你要两次添加jQuery)

的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在noConflict模式下将jQuery 排队,因此您需要noConflict包装器才能使用$:

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

然后你只需打电话wp_head(),WordPress会自动将这些javascripts添加到你的页面.