jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了将jQuery包含到WordPress模板中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个定制的幻灯片,我用jQuery开发.它在我的本地机器上工作得很好,但是当我尝试将其转换到@L_675_3@服务器时,它将无法工作……

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

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

解决方法

您应该在functions.PHP文件中使用 wp_enqueue_script(),而不是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' );

您还应该注意到@L_675_3@在noConflict mode中将jQuery排入队列,因此您需要noConflict wrappers才能使用$:

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

然后你只需要调用wp_head(),@L_675_3@会自动将这些javascripts添加你的页面.

大佬总结

以上是大佬教程为你收集整理的将jQuery包含到WordPress模板中全部内容,希望文章能够帮你解决将jQuery包含到WordPress模板中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。