微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 如何在Angular 2中使用jQuery UI

因为我想在我的应用程序中加入拖放功能,所以我决定将jQuery UI导入我的Angular 2项目.

首先,我开始通过执行以下操作导入jQuery本身:

import { ElementRef } from '@angular/core';
declare var jQuery:any;

ngOnInit() {
    jQuery(this._elRef.nativeElement).find('ul.tabs').tabs();
}

这非常适合初始化东西.但是,当我尝试.draggable()函数时,我收到以下错误

jQuery(…).draggable不是一个函数

我怎样才能做到这一点?我阅读了很多方法但是所有这些方法都使用了system-js,在当前版本的Angular-cli中我没有使用它.我知道在Angular 2应用程序中使用jQuery并不是最好的方法,但我只需要一个用户可以删除可拖动小部件的网格.

如果您有任何建议,那将是完美的!谢谢!

解决方法:

我设法通过执行以下步骤使其工作:

> npm卸载jquery jquery-ui
> npm缓存清理
> npm install jquery jquery-ui
>在angular-cli.json中,我在scripts对象中添加了jquery和jquery-ui路径.这是他们的样子:

“剧本”:[
  “../node_modules/jquery/dist/jquery.min.js”
  “../node_modules/jquery-ui/jquery-ui.js”
]

完成这些步骤后,它就像一个魅力.希望能帮助那些遇到问题的人.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐