javascript - jQuery Javascript 无法在 WordPress 上运行

Question

我一直在尝试将自定义 jQuery 脚本添加到 WordPress，当我选择 jquery 库时，脚本代码和所有内容都在 jsfiddle 上运行，但是当我尝试将其添加到 WordPress 上时，它不起作用。以下是添加 wp 排队代码的方法:

function cb_scroller() {

//wp_enqueue_script('jquery');

wp_register_script( 'scroller', get_template_directory_uri() . '/js/scroller.js', array('jquery'),'',true  );

wp_enqueue_script( 'scroller' );
}

add_action( 'wp_enqueue_scripts', 'cb_scroller' );

那么可能是什么问题呢？这是 jsfiddle 尝试:https://jsfiddle.net/naimelhajj/q4bdfcwb/(忽略样式，我已将 css 和 js 作为“外部资源”导入)

Answer 1

这是您的脚本(您应该将其发布在问题中)

$(document).ready(function(){
    $(".arrow-left").click(function(){
        $(".site-main-gluten").animate({scrollLeft: "-="+100});
    });
    $(".arrow-right").click(function(){
        $(".site-main-gluten").animate({scrollLeft: "+="+100});
    });        
});

Wordpress 默认处于无冲突模式，这意味着 $ 未定义，必须定义

jQuery(document).ready(function($){
    $(".arrow-left").click(function(){
        $(".site-main-gluten").animate({scrollLeft: "-="+100});
    });
    $(".arrow-right").click(function(){
        $(".site-main-gluten").animate({scrollLeft: "+="+100});
    });        
});