如何对依赖于jquery的javascript进行排队？

Question

我正在尝试将自定义javascript代码排入WordPress的functions.php文件中， 我正在做以下事情，

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<p>{{counter | counter | date:'mm:ss'}}</p>
</div>

但是，由于某种原因，自定义脚本没有加载到页面上，但是jquery是。任何帮助都非常感谢。谢谢！

Answer 1

使用以下函数在插件中添加jquery

    function custom_scripts() {
       wp_enqueue_script( 'background_animation_script', plugins_url('/assets/js/jquery.backgroundPosition.js', __FILE__),array('jquery'),'1.0', true);
       wp_enqueue_script( 'hero_animation', plugins_url('/assets/js/background-animation.js', __FILE__), array('jquery'), '1.0', true);
    }
    add_action('wp_enqueue_scripts', 'custom_scripts');