jQuery Forum

I am using jQuery Mobile and Phonegap to develop a new app for iOS devices.

• jquery mobile-1.3.2
• Cordova 3.0.0-0

Im having an issue loading the main content of a page, the main page load normally without any problem however if i click navigate to anther page the main content of page dose not load. If I visit another page on my application or simply go back and revisit all the contents load without any problem whatsoever.

Page on the first visit 

Page after first visit 

Going into my logs there is no error the only message i can see is

1. CDVWebViewDelegate: Navigation started when state=1
2. Failed to load webpage with error: CDVWebViewDelegate: Navigation started when state=1

Just to make it clear these two errors are there all the time so i am not sure if it is something to do with loading main content of the page

Here is my code

    <!--FAQs  -->
    <div data-role="page" id="fqsabout_pg" data-title="fqsabout_pg" data-theme="x">
      <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <a data-role="none" class="logo_img overlay30" data-transition="none">
          <img class="banner" id="banner" src="" alt="">
        </a>
        <div class="separator"></div>
        <div class="sub-title">FAQs</div>
      </div>
      <div data-role="content" class="scrollable schrollcontiner">
        <div class="pg-massage-box">
          <p class="pg-message">
            This section contains answers to some of the most common questions</p>
    		<div data-role="popup" id="howVacWork">
    		<p>Some text</p>
          </div>
          <p></p>
        </div>
        <div data-role="collapsible-set" data-expanded-icon="arrow-u" data-collapsed-icon="arrow-d" data-iconpos="right" class="vacccine-pg-list-box" data-theme="b">
          <div data-role="collapsible" id="Routine-collaspible">
            <h3>Alternatives</h3>
            <ul data-role="listview">
              <li><a href="#xyz" data-transition="none">xyz </a></li>
              <li><a href="#wbw" data-transition="none">wbw</a></li>
            </ul>
          </div>
          <div data-role="collapsible" id="Special-collaspible">
            <h3>Safety</h3>
            <ul data-role="listview">
              <li><a href="#mnw" data-transition="none">mnw</a></li>
              <li><a href="#qrc" data-transition="none">qrc </a></li>

            </ul>
          </div>
      </div>
      <div data-role="footer" data-position="fixed" data-tap-toggle="false" data-tap-toggle="false">
        <div data-role="navbar" data-iconpos="top" id="line">
          <ul>

i am developing mobile application using JQuery Mobile, in the main page which is home page everything is fine but when moving to next page and change ths orientation footer disapers completely, however the code i am using for all the pages are same

here is the code i am using for the footer 

 <div data-role="footer">

 <div class="separator"></div> 

      <div data-role="navbar" data-iconpos="top" class="line" id="line"> 

      <ul> 

            <li><a href="#home_pg" id="tab1" data-transition="none"> 

            <img src="image/home-broadcast-icon.png" /> </a></li> 

                         <li><a href="#plugin_pg" id="tab3" data-transition="none">

                         <img src="image/nav-3.png" /> </a></li> 

                        <li><a href="#help_pg" id="tab4" data-transition="none"> 

                        <img src="image/nav-4.png" /> </a></li>

             </ul>

       </div> 

</div>

 please help

with regards 

Hello guys, i am working on mobile application where i need to load a html file which is stored locally into div,

i am able to see all the html text into div but not the images, i am using fallowing code to load html into div

 $.ajax({

      url : currentBroadcast.broadcast,

      data : {},

      success : function(data) {

        console.log("data is :" + data);

        $("#text_content").html("<strong>" + data + "</strong>");

      }

    });

    log("DEBUG: richTextPageUpdate ended");

  }

where currentBroadcast.broadcast is the URL of locale stored HTML file. the images codes as fallow into html file

<p><img alt="" src="20132002093756.png" /></p>

the data contant all the element of local html file, the console log for data come as

<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable = no"/>

<link rel="stylesheet" type="text/css" href="/downloadable/B52/phone.css"/>

</head>

<html>

            <body>

<p>here is picture one</p>

<p><img alt="" src="20132002093722.png" /></p>

<p>and here's picture two</p>

<p><img alt="" src="20132002093756.png" /></p>

<p>This is the text broadcast for text page This is the text broadcast for text page This is

            </body>

</html>

can anyone help me please i am new with jquery

Thank you