wordpress jQuery代码只有在我登录到wp-admin时才有效

vnjpjtjt  于 12个月前  发布在  WordPress
关注(0)|答案(1)|浏览(136)

我有这个密码

<script>
    jQuery(document).ready(function($) {
        let aboutMe = new Waypoint({
                                element: document.querySelector('.about-me'),
                                offset:'250px',
                                handler: function(direction) {
                                    setTimeout(() => {
                                        $('.about-me__img').removeClass('hidden');
                                    }, 100);
                                    setTimeout(() => {
                                        $('.about-me__img').addClass('display_decorator');
                                        $('.my-projects').removeClass('hidden');
                                    }, 500);
                                    setTimeout(() => {
                                        $('.about-me__description').removeClass('hidden');
                                    }, 1000);
                                    
                                }
                        })

    $('.owl-carousel').owlCarousel({
        loop:true,
        margin:10,
        autoplay: true,
        avigationText: ["Dalej","Wstecz"],
        responsive:{
            0:{
                items:1
            },
            650:{
                items:2
            },
            1000:{
                items:3
            }
        }
    })
});
</script>

此时,我将其添加到Footer.php中。它工作,但只有当我登录到wp-admin,否则我有一个错误Uncaught TypeError:无法读取未定义的属性(阅读“fn”)VM 6552:2未捕获的引用错误:jQuery没有定义。你知道为什么吗?

6yt4nkrj

6yt4nkrj1#

你不应该手动添加JS到你的footer.php,而是保存它到一个单独的文件在你的主题/插件和入队它与wp_enqueue_scripts
如果jQuery出现在你的网站上,将“jquery”标记为依赖项将确保WordPress在jQuery之后加载你的脚本。
另外,请确保jQuery选择器确实是jQuery()

function enqueue_custom_script(){
    wp_enqueue_script('your-script-handle', 'path-to-your-script', array('jquery'), '1.0', true);
}
add_action("wp_enqueue_scripts", "enqueue_custom_script");

相关问题