Hi, i'm starting to develop a mobile web app using jquery mobile iside a richfaces 4 project.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<h:head>
<title>Project Mobile</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
If a i use <h:head> tag, i can use the richfaces tab but i've some problem when i try to use jquery function.
For example,
...
$('#list').listview('refresh');
..
every time i call the refresh function there is an error like ".listview is not a function".
If i use the <head> tag insted of <h:head>, there is't error in the jquery function but there is error in the richfaces.
How can i solve the problem?
Thank!