首页 > 解决方案 > Ionic 3 jQuery-snapPuzzle 插件

问题描述

我正在使用 Ionic 3 做一个移动应用程序。我需要使用 jquery 插件。该插件的名称是 jQuery-snapPuzzle。

我在 src/index.html 中调用了 jquery、jquery-ui 和 snap-js js 文件。

import * as $ from "jquery";然后在我写的这个插件将工作的页面的“打字稿”文件中 。

我在 ionViewDidLoad 部分添加了以下代码;

$(document).ready(function() {
   $('img.puzzle').snapPuzzle({ rows: 3, columns: 3 });
});

运行时出现以下错误。

“错误类型错误:WEBPACK_IMPORTED_MODULE_4_jquery (...).snapPuzzle 不是函数”-> https://i.stack.imgur.com/p2seo.png

收到此错误后,我在 index.html 之间添加了上述代码。这次它没有失败,但它不起作用,就好像它不存在一样。

标签: jqueryangularionic-frameworkionic3

解决方案


import * as $ from "jquery";

反而

declare var jquery: any;
declare var $: any;

我的问题有所改善。


推荐阅读