在 Angular 7 项目中为外部 .js 文件包含 JQuery-Ui

Question

我有一个 Angular 7 项目，我正在尝试包含 JQuery-Ui 插件。 我已经安装了 JQuery 和插件并将其添加到 angular.json 中的脚本数组中。 我在 jquery.js 文件中有我所有的 JQuery 函数，我已添加到资产文件夹并将所述文件导入到我的 component.ts 文件中。 JQuery 正在运行，但我无法使用插件功能。 我也尝试将 'jquery-ui' 导入 jquery.js 文件，但没有任何积极的结果。 非常感谢任何帮助。

angular.json

"scripts": [
          "../node_modules/jquery/dist/jquery.min.js",
          "../node_modules/jquery-ui/jquery-ui.js"
          ]

jquery.js

import * as $ from 'jquery';

$(document).ready(function(){

$('#page_top').children().hover(
    function(){
        $(this).animate({color: 'red'}, 200)
    },
    function(){
        $(this).animate({color: 'blue'}, 200)
    }
);

})

Answer 1

你有什么错误？ 您的 index.html 是否包含 jQuery？ 据我所知，如果您将其包含在scripts它会自动为您执行此操作。 如果你走那条路，你可以做

//component.ts
declare var $; //you can now use $ just like normal jQuery
@Component({})

我通常不将 jQuery 与 Angular 一起使用，但过去必须为一个项目执行此操作。