Страница не найдена симулятором Iphone при использовании ajax / Jquery Mobile-PhoneGap - PullRequest
1 голос
/ 14 января 2012

Я создаю веб-приложение для iPhone, используя jQuery Mobile и PhoneGap.Все отлично работает в Safari для Mac и Chrome для Windows.

Когда я захожу в iPhone Simulator, начинаются проблемы.Каждая кнопка со ссылкой на любую страницу работает нормально, за исключением одной, которая называется Article.html.Единственный способ открыть эту страницу из приложения - отключить ajax, выполнив rel = "external".

Я сделал все, чтобы это заработало.Я удалил файл и вернул его через add -> существующий файл, но не повезло.Содержание страницы «Article.html» очень простое, и я не думаю, что это проблема, потому что она даже не загружает страницу.Символ загрузки остается там навсегда.

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

ЛЮБОЕ ПРЕДЛОЖЕНИЕ БУДЕТ ЦЕНЕНО ..

Ответы [ 2 ]

1 голос
/ 14 января 2012
    <a href="home1.html" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home" data-prefetch>Home</a>

укажите полный путь в href для home1.html

0 голосов
/ 16 января 2012

Я нашел ответ, тестируя построчно.

По какой-то причине эта строка вызывала проблемы:

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

Как видите, href пуст.Я просто поставил фиктивный URL

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

, и это решило проблему.

Странно, но это работает.

Спасибо за вашу помощь.

...