Page is not found by the Iphone simulator when using ajax /Jquery Mobile-PhoneGap

I am creating a webapp for iPhone using jQuery Mobile and PhoneGap. Everything works fine in Safari for Mac and Chrome for Windows.

When I go to the iPhone Simulator the problems begin. Every button with a link to any page works fine except for one called "Article.html". The only way to open this page from the app is to turn off ajax by doing rel="external".

I have done everything in order to get it work. I have deleted the file and brought it back via add -> existing file with not luck. The content of the page "Article.html" is very simple and I don't think that is the problem because it doesn't even load the page. The loading symbol stays there for ever.





<!DOCTYPE html> 

<html>

    <head>

        <!--jquery and css files are being loaded in another page-->

        <title>This Date in History</title> 

    </head>

<body>

    <div data-role="page" class="type-interior" id="Article" data-add-back-btn="true" data-dom-cache="false"> 

        <div data-role="header" data-theme="a" data-position="fixed">

            <h1></h1>

            <a href="home1.html" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home" data-prefetch>Home</a>

        </div><!-- /header -->

        <div data-role="content">

                <h4 id="title"></h4>

                <h5 id="date"></h5>

                <div style="text-align:center;">

                    <img id="img" style="max-height: 138px; max-width: 200px; overflow: hidden;" src=""/>

                </div>

                <p id="milestone_text"></p>



                <a href="" id="more" data-role="button" data-icon="forward" rel="external">More about this event</a>

                </div><!-- /content -->

        <div data-role="footer" class="footer-docs" data-theme="a">

            <center><h5> Archives</h5></center>

        </div><!-- /footer -->

    </div><!--Page ends here-->

</body>

ANY SUGGESTION WOULD BE APPRECIATED..

Why is this Javascript much slower than its jQuery equivalent?

I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...

CCNA, CCNP, MCSA, CCNA Final Exam, All Answer Test Module With 100/100

Search This Blog