为什么WordPress页面中没有加载jQuery?

时间:2020-03-03 作者:Pranavmtn

我想将jquery插件添加到wordpress网页以提供一些动画。我已经从jqueryscript下载了“jquery.plate.js”。net并将其本地保存在我的自定义主题(js/jquery.plate.js)js文件夹中。

<script src="//code.jquery.com/jquery-3.2.1.slim.min.js"></script>

<script src="jquery.plate.js"></script>
我使用“echo get\\u template\\u directory\\u uri();”在标题中添加了上述代码功能不工作!

尝试在函数中添加以下代码。php:

function my_extrajs() { ?>
  <script src="//code.jquery.com/jquery-3.2.1.slim.min.js"></script>
  <script type="text/javascript" src="<?php echo 
  get_template_directory_uri(); ?>/js/jquery.plate.js"></script>
  <?php }

add_action(\'wp_head\', \'my_extrajs\');
仍不工作!

尝试在函数中添加其他代码。php:

function theme_name_scripts() {
  wp_enqueue_style( \'style-name\', get_stylesheet_uri() );
  wp_enqueue_script( \'jquery.plate.js\', get_template_directory_uri() . \'/js/jquery.plate.js\', array(\'jquery\'), \'1.0.0\', true );}
add_action( \'wp_enqueue_scripts\', \'theme_name_scripts\' );
不工作!!

    $(\'.text-white.follow\').plate();
这段代码是我用来检索jquery动画的。对于以下元素:

      <div class="col-md-1 col-2 social">
                        <span class="text-white follow"><label>FOLLOW</label></span>
                        <span><a href=""><img src="<?php echo get_template_directory_uri(); ?>/images/social1.png"></a></span>
                        <span><a href=""><img src="<?php echo get_template_directory_uri(); ?>/images/social2.png"></a></span>
                        <span><a href=""><img src="<?php echo get_template_directory_uri(); ?>/images/social3.png"></a></span>
                    </div>
知道我错过了什么吗??

而且,我是wordpress的初学者。任何帮助都是可观的。

2 个回复
SO网友:cbirdsong

有两件事你应该试试:

Wordpress以兼容模式加载jQuery,因此需要使用noconflict语法,例如。jQuery(\'.text-white.follow\').plate();. 更多信息:

SO网友:Vishal Chodvadiya

我想你搞错了

wp_enqueue_script( \'jquery.plate.js\', get_template_directory_uri() . \'/js/jquery.plate.js\', array(\'jquery\'), \'1.0.0\', true );

线下尝试

wp_enqueue_script( \'jquery-plate-js\', get_template_directory_uri() . \'/js/jquery.plate.js\', array(\'jquery\'), \'1.0.0\', true );