特定WordPress页面上的外部jQuery加载,但不运行

时间:2014-11-21 20:13:01

标签: javascript php 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);
        }
    });


}); 

感谢您的帮助,我似乎无法让它发挥作用。

1 个答案:

答案 0 :(得分:2)

尝试使用jQuery代替$来调用jQuery函数。