如何使用jquery离子3
问题描述:
我试图加载外部网站在离子3.如何使用jquery离子3
TS使用jQuery一个div:
export class HomePage
{
constructor(public navCtrl: NavController) {
$('#loadExternalURL').load('http://www.google.com');
}
}
HTML:
<ion-content>
<div id="loadExternalURL"></div>
</ion-content>
我得到服务离子应用程序的空白屏幕。有什么我失踪?任何建议?
答
您需要以某种方式将jQuery导入到您的项目中。如果你想使用HTML,你需要添加它靠近你的页面
<script src="[path to jQuery source]"></script>
的顶部或使用.d.ts文件中定义的jQuery
declare module "jquery" {
export = $;
}
declare var jQuery: JQueryStatic;
declare var $: JQueryStatic;
然后定义需要的地方
<reference path="jquery.d.ts" />
参考使用:
在离子-3的应用程序
答
我做到了,在下面的方式,
-
中安装jQuery模块,
NPM中安装jQuery --save
-
进口jQuery in HomePage.ts
从“jquery”导入*作为$;
使用$来调用jquery方法。
我等待ngAfterViewInit方法来确保视图已初始化。
ngAfterViewInit(){
$(document).ready(function(){
alert('JQuery is working!!');
});
}
有任何控制台日志? – Luke
你是否包含jQuery库? – Walk
@Luke Log控制台为空。 –