无法使scrollmagic在WordPress主题中向上滑动“自然”

Question

滚动魔术师的“部分擦拭（自然）”激活遇到问题。 我在wordpress主题中有什么：

的functions.php

wp_enqueue_script( 'tweenmax' );
wp_enqueue_script( 'scrollMagic' );
wp_enqueue_script( 'scrollMagicPlugin' );
wp_enqueue_script( 'scrollMagicDebug' );
wp_enqueue_script( 'sceneControls' );

场景控制器是sceneControls.js，其中包括

sceneControls.js

$(function () { // wait for document ready
    // init
    var controller = new ScrollMagic.Controller({
        globalSceneOptions: {
            triggerHook: 'onLeave'
        }
    });

    // get all slides
    var slides = document.querySelectorAll(".section");

    // create scene for every slide
    for (var i=0; i<slides.length; i++) {
        new ScrollMagic.Scene({
                triggerElement: slides[i]
            })
            .setPin(slides[i])
            .addIndicators() // add indicators (requires plugin)
            .addTo(controller);
    }
});

我收到控制台错误，但是可能以不好的方式包含了sceneControls.js 。

控制台读数

Uncaught TypeError: $ is not a function

任何想法，都尝试了几种变体：

 wp_enqueue_script( 'sceneControls' );

非常感谢您的帮助！ 先感谢您！

对此进行了修订。 将函数更改为noConflict后的Rnevius。 控制台不再显示错误，但是行为不存在。

Answer 1

最后的评论

var $ =jQuery.noConflict(); 在打电话之前

$(document).ready(function () {