【问题标题】:Adding a Jquery Plugin to an Angular 2 project将 Jquery 插件添加到 Angular 2 项目
【发布时间】:2018-02-13 13:35:49
【问题描述】:

我正在尝试将此 Jquery plugin 添加到我的 Angular2 项目中。

我已将文件添加到 "src/assets" 以及 index.html 我已添加 <script src="assets/jquery.twentywenty.js"></script>declare var twentytwenty: any;

我来了

jquery.twentytwenty.js:152 Uncaught ReferenceError: jQuery is not 定义在 jquery.twentytwenty.js:152

还有

TypeError: 无法读取未定义的属性 'twentytwenty'

我在这里错过了什么?

【问题讨论】:

    标签: jquery angular


    【解决方案1】:

    我通常采用以下步骤在我的项目中使用jquery 插件;也许有帮助。

    1 - 在angular-cli.jsonscripts 部分)中添加jqueryplugin 文件路径。

      "scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "assets/vendor/plugin/jquery.plugin.js"
      ]
    

    2 - 在组件中声明 jquery 变量。

    declare let $: any;
    

    3 - 使用插件语法。

    (<any>$('#theId')).plugin();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-08-15
      • 1970-01-01
      • 2014-08-23
      • 2017-11-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多