All geek questions in one place

How can I add jquery to Appcelerator Titanium Mobile Work?

Is it possible to integrate jquery into the Titanium Appcelerator and will it work correctly? Otherwise, we cannot integrate jquery into the titanium appcelerator?

Does anyone help me?

+3
source share
4 answers

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

+2
source

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

(from here )

+1
source

First you need to create the htlm file. You should see the code details below. There is a jquery function. Remember to download 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 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 block of update code 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
source

Source: https://habr.com/ru/post/1769109/

More articles:


All Articles