Tizen TV jQuery Mobile Multi-Page Template Not Working

Original Created Nov 14, 2016 | Regeneration Apr 22, 2026

Question

I created a project using the "Tizen - jQuery Mobile - Multi-Page" template (New Project → Template → TV → jQuery). When running the code, I get the following error:

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

My main concern is understanding where <link rel="stylesheet" href="${jQueryMobile_CSS}"/> is pointing to. I haven't copied or kept the JS files in my project and I'm not familiar with the usage of "${jQueryMobile_CSS}". Could someone please explain this?

Here's my HTML head section:

<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 - Multi-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>

Answer

Problem Understanding

The error occurs because the template uses placeholder variables (${jQueryMobile_CSS}, ${jQuery}, ${jQueryMobile_JS}) that need to be replaced with actual file paths to jQuery and jQuery Mobile libraries. These placeholders are meant to be replaced with the specific paths to your downloaded library files.

Solution Methods

Download the required jQuery and jQuery Mobile libraries
Replace the placeholder variables with actual file paths
Ensure all files are properly included in your project structure

Code Examples

Replace the placeholder references with actual file paths:

<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>

Additional Tips

Make sure to download compatible versions of jQuery and jQuery Mobile
Keep all library files in appropriate project directories (js/ for JavaScript files, css/ for stylesheets)
The template is designed to save typing, but requires you to manually add the library files
For beginners, it's recommended to start with a basic template and add libraries manually to better understand the project structure