0 Replies Latest reply on Feb 22, 2013 9:26 AM by ugo rossi

    mobile

    ugo rossi Newbie

      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!