2014-11-21 44 views
-2

如果你帮我解决这个问题,我会非常感谢你。外部jQuery在特定的WordPress页面加载,但不运行

我想在WordPress的某个页面上加载外部jQuery脚本。 该页面的标题是程序。 jQuery的文件标题也program.js

这是我已经把我的的functions.php

function my_scripts_method() { 
    wp_register_script('program', get_template_directory_uri() . '/js/program.js'); 
    if(is_page(program)){ 
    wp_enqueue_script('program'); 
    } 
} 
add_action('wp_enqueue_scripts', 'my_scripts_method'); 

此只加载页面程序,这是工作迄今的脚本,但该脚本不运行,它不工作。

这是我program.js文件

var $root = $('html, body'); 
$('a').click(function() { 
    var href = $.attr(this, 'href'); 
    $root.animate({ 
     scrollTop: $(href).offset().top 
    }, 500, function() { 
     window.location.hash = href; 
    }); 
    return false; 
}); 

$(function() { 
    var $sidebar = $("#sidebar-wrapper"), 
     $window = $(window), 
     offset  = $sidebar.offset(), 
     topPadding = 15; 

    $window.scroll(function() { 
     if ($window.scrollTop() > offset.top) { 
      $sidebar.stop().animate({ 
       marginTop: $window.scrollTop() - offset.top + topPadding 
      }, 400); 
     } else { 
      $sidebar.stop().animate({ 
       marginTop: 0 
      }, 400); 
     } 
    }); 


}); 

感谢你的帮助,我真的似乎无法得到这个工作。

回答

2

尝试jQuery而不是$来调用jQuery函数。

+0

谢谢,它现在有效! – Svedr 2014-11-21 20:55:02

+0

还有一个问题,当把侧边栏放到“移动尺寸”上时,无论如何不能在移动设备上运行它? – Svedr 2014-11-21 20:57:18

+1

尝试此变通办法:if(screen && screen.width> 480){//侧边栏代码} { } – 2014-11-21 21:11:56

相关问题