How can i add jquery to Appcelerator Titanium Mobi

2019-03-16 20:52发布

站内问答 / jQuery
478 4 4

Is it possible to integrate the jquery in to Titanium Appcelerator and will it work properly? Else we can't integrate the jquery in titanium appcelerator?

any one help me?

4条回答
时光不老，我们不散
2楼-- · 2019-03-16 21:11

First You should create a htlm file. You should see code details below. There is jquery function. Do not forget upload jquery-1.9.min.js

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Local URL</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="jquery-1.7.1.min.js"></script>
<script>

function firedFromWebView(msg){
    $("div").html(msg);
}

//Notice that jQuery works within WebViews
$(document).ready(function(e){
    $("a").click(function(e){
    //This will fire the custom event "fromWeb" and send the second argument
    //as the event's value
        Titanium.App.fireEvent("fromWeb",{value:"Fired from webpage"});
    });
});
</script>
</head>
<body>
    <h1>A Local Webpage</h1>
    <a href="javascript:void(0)">Touch to Fire Event</a>
    <br/>
    <div>Listening...</div>
</body>
</html>

And Another update code blocks on app.js

var win = Titanium.UI.createWindow({
    title:"App to Web View Interaction Through Events",
    backgroundColor:"#FFFFFF"
});

var webView = Titanium.UI.createWebView({
    url:"html/index.html"
});

var button = Titanium.UI.createButton({
    title:"Fire WebView Javascript",
    height:48,
    width:220,
    bottom:12
});

button.addEventListener("click",function(e){
    webView.evalJS("firedFromWebView('<strong>Fired!</strong>')");
});

//We can use a custom event listener to fire native code from Javascript pages
//by using Titanium.App.addEventListener
Titanium.App.addEventListener("fromWeb",function(e){
    //The data structure and value of e is defined in the
    //index.html page
    alert(e.value);
});

win.add(webView);
win.add(button);
win.open();
查看更多
0人赞 添加讨论(0) 举报
Fickle 薄情
3楼-- · 2019-03-16 21:16

you can use basically any JS library you want in a WebView. Outside of a WebView, you can use basically any JS library that does not require the DOM (like json2.js, etc.)

(from here)

查看更多
0人赞 添加讨论(0) 举报
Melony?
4楼-- · 2019-03-16 21:23

What exactly are you trying to do? I'm not sure that it work well without the DOM

查看更多
0人赞 添加讨论(0) 举报
仙女界的扛把子
5楼-- · 2019-03-16 21:25

Check out the following forum. YOu can use Jquery by removing DOM from it http://developer.appcelerator.com/question/121/use-of-jquery

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)