Кнопка JQuery Mobile Back не работает - PullRequest
Новая
       20

Кнопка JQuery Mobile Back не работает

0 голосов
/ 08 февраля 2012

Кто-нибудь может мне помочь и показать, почему в этом коде кнопка возврата не работает?Я пробовал это в Chrome, а также в Safari через Electric Mobile Simulator (http://www.electricplum.com/dlsim.html). Я пробовал также с глобальными настройками с помощью javascript ($ .mobile.page.prototype.options.addBackBtn = true;).

Кнопка «Назад» отображается правильно, но когда я нажимаю / нажимаю на кнопку «Назад», страница остается самой. В Chrome я вижу, что отображается URL-адрес подстраницы (# дополнительная страница), а после нажатия на кнопку «Назад» URL-адресменяется обратно, но не сам сайт. 

<!DOCTYPE html>
<html>
<head>

    <meta name="viewport" content="width=device-width;initial-scale=1,user-scalable=0" />
    <title>Index.Mobile</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.css" rel="Stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js" type="text/javascript"></script>

</head>

<body>

<h2>Index.Mobile</h2>

<div data-role="page" id="home">

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

        <h1>Mobile Events</h1>

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

    <div data-role="content">
    <!---- BUTTON ---->
            <div>some content</div>
            <a href="#sub-page" data-role="button">Next Page</a>
    </div><!-- /content -->

    <div data-role="footer" data-position="fixed">
        <h4></h4>
    </div><!-- /footer -->

</div><!-- /page -->

<div data-role="page" id="sub-page"" data-add-back-btn="true" data-back-btn-text="Back">
    <div data-role="header">          
        <h1>Page Header</h1>    
    </div>

    <div data-role="content">    
        <p>This is the main content</p>
    </div>

    <div data-role="footer">
        <h4>Footer</h4>
    </div>    
</div>
</body>

</html>

1 Ответ

0 голосов
/ 08 февраля 2012 
<!DOCTYPE html>
<html>
<head>

    <meta name="viewport" content="width=device-width;initial-scale=1,user-scalable=0" />
    <title>Index.Mobile</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

</head>

<body>

<h2>Index.Mobile</h2>

<div data-role="page" id="home">

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

        <h1>Mobile Events</h1>

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

    <div data-role="content">
    <!---- BUTTON ---->
            <div>some content</div>
            <a href="#sub-page" data-role="button">Next Page</a>
    </div><!-- /content -->

    <div data-role="footer" data-position="fixed">
        <h4></h4>
    </div><!-- /footer -->

</div><!-- /page -->

<div data-role="page" id="sub-page"" data-add-back-btn="true" data-back-btn-text="Back">
    <div data-role="header">          
        <h1>Page Header</h1>    
    </div>

    <div data-role="content">    
        <p>This is the main content</p>
    </div>

    <div data-role="footer">
        <h4>Footer</h4>
    </div>    
</div>
</body>

</html>

Попробуйте это ...

...