Jquery不能在wordpress中工作

Jquery not working in wordpress?

本文关键字：工作 wordpress 不能 Jquery      更新时间：2023-09-26

我在一个静态html/css网站上用jquery创建了一个平行滚动效果，我现在正试图把它复制到一个wordpress主题上。

这是我如何导入2个javascript文件(jquery-11.1.3.min.js, parallel .js)

add_action( 'wp_enqueue_scripts', 'praid_load_js_files' );
function praid_load_js_files(){
     wp_register_script( 'jquery', get_template_directory_uri() . '/js/jquery-1.11.3.min.js', array('jquery'), '1.11.3', true );
     wp_register_script( 'parallex', get_template_directory_uri() . '/js/parallex.js', array('jquery'), '1.0', true );
     //Adds to every page
     wp_enqueue_script('jquery');
     wp_enqueue_script( 'parallex' );
}

这是我的parlex文件

  var pContainerHeight = $('.welcoming').height();
$(window).scroll(function(){
  var wScroll = $(this).scrollTop();
  if (wScroll <= pContainerHeight) {
    $('.welcomeText').css({
      'transform' : 'translate(0px, '+ wScroll /2 +'%)'
    });
    $('.welcoming').css({
      'transform' : 'translate(0px, -'+ wScroll /25 +'%)'
    });
  }
});

由于某些原因，这在静态html/css页面上工作得很好，但当它在word press上工作时，它就不起作用了。

任何帮助都会很感激。:)

正如@vinayakj在评论中建议的那样，我用

将代码包装在parparax .js文件夹中。
$(document).ready(function(){ //parralax code here });

它成功了。

PLUS: @HareeshSivasubramanian指出，我不需要自己添加jquery，因为WordPress会自动捆绑它。

相关文章：