Question

我有一个Angular 7项目，并且我试图包括JQuery-Ui插件。我同时安装了JQuery和插件，并将其添加到angular.json中的scripts数组中。我在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一起使用，但是过去在项目中必须这样做。

在Angular 7项目中包括JQuery-Ui，以获取外部.js文件

1 个答案: