2016-10-10 40 views
0

我想一些功能添加到我最初没有建立一个网站。WordPress - 错误的jQuery版本?

我正确地进行排队jQuery的,我相信:

function theme_enqueue_styles() { 
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); 
    wp_register_script('main-js', get_stylesheet_directory_uri(). '/includes/main.js', array('jquery')); 
    wp_enqueue_script('main-js'); 
} 
add_action('wp_enqueue_scripts', 'theme_enqueue_styles'); 

我main.js文件很简单:

jQuery(window).scroll(function(){ 

    var header = jQuery('.site-header'); 
    var header_height = header.outerHeight; 
    var scrolltop = jQuery(document).scrollTop(); 

    if (scrolltop >= header_height) { 
    var header = jQuery('.site-header'); 
    header.addClass('not-fixed'); 
    } 

console.log(header_height+','+scrolltop); 

}) 

然而,当我检查控制台滚动时为它提供了:

[cycle2] --c2 init-- 
main.js?ver=4.6.1:13 function (d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)},4 
main.js?ver=4.6.1:13 function (d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)},32 
main.js?ver=4.6.1:13 function (d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)},88 
main.js?ver=4.6.1:13 function (d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)},152 
main.js?ver=4.6.1:13 function (d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)},148 
main.js?ver=4.6.1:13 function (d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)},112 

而且,我的脚本不起作用。看起来好像某个插件的不同库正在支配我的脚本。任何想法的人?我想我可以CDN另一个版本,但我真的不想装载一百万个jQuery图书馆。

谢谢, 马特

+0

唉,outerHeight不是一个函数... –

回答

0

你是不是调用outerHeight()功能

变化

var header_height = header.outerHeight; 

var header_height = header.outerHeight(); 

你们看到的控制台是函数对象...不是那个函数返回