Languages

Menu
Sites
Language
Tizen TV - jQuery Mobile - Mutil-Page - not running !!!

I have created the project 'Tizen - jQuery Mobile - Mutil-Page' using New project -> Template -> Tv -> JQuery

When I run the code i get error :

js/main.js (44) :ReferenceError: Can't find variable: $

 

My doubt is where exactly is <link rel="stylesheet" href="${jQueryMobile_CSS}"/> poining to ?

I have not copied and kept the js files in my project. Not familiar with usage "${jQueryMobile_CSS}". Can someone please explain.

 

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="A multi-page template generated by Tizen Web IDE"/>

    <title>Tizen Web IDE - Tizen - jQuery Mobile - Mutil-Page</title>

    <link rel="stylesheet" href="${jQueryMobile_CSS}"/>
    <script type="text/javascript" src="${jQuery}"></script>
    <script type="text/javascript" src="${jQueryMobile_JS}"></script>
    
    <script type="text/javascript" src="./lib/TVKeyValue.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
    <link rel="stylesheet" href="css/style.css" />
</head>

 

List

Responses

2 Replies
Armaan-Ul- Islam

As far as my understanding it's just a template. This is just used to reduce some of your keystrokes while coding. Just download the specific version of jQuery library you want to use and put the file name and path on the parameter.(Just like a sit).

Suppose you have downloaded/copied jquery.mobile-1.3.2.js in your js folder then put "./js/jquery.mobile-1.3.2.js" in the place of "${jQueryMobile_JS}", just giving you some flexibility while creating new project.
Foe Example:

replace :
 

    <link rel="stylesheet" href="${jQueryMobile_CSS}"/>
    <script type="text/javascript" src="${jQuery}"></script>
    <script type="text/javascript" src="${jQueryMobile_JS}"></script>


with :

    <link rel="stylesheet" href="./css/jquery.mobile-1.3.2.css"/>
    <script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="./js/jquery.mobile-1.3.2.js"></script>

(after downloading the js/css files and copying into your project)

Abhilash Kankokkaran

Thanks for your reply. I have already fixed the issue same way.

Just that it adds a lot of confusion who start new to understand when a sample app is supposed to work without any modifications.

Else it should be properly commented that, developer need to download and keep the necessary js files.

For someone starting new its tough to understand.

i'm sure your reply will help a lot of people who is starting new in Tizen web app.