JQuery Mobile Back Button не работает

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

Кнопка «Назад» отображается правильно, но когда я нажимаю/нажимаю кнопку «Назад», страница остается сама. В 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>

источник

2012-02-08 murratore

неосторожно создания сценариев attribs опечатка 'отн = ""' таблицы стилей должны быть 'отн = "таблицы стилей"' – uday

Пожалуйста оцените мой ответ, если это помогло. Благодаря! – uday

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

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

источник

2012-02-08 16:30:37 uday

Я думаю, что это было бесполезно из-за вашего пользовательского css, и jQuery не извлекали из кода, который вы написали в заголовке. – uday

пробовал ваш код, но это тоже не работает ... – murratore

это сработало для меня! – uday

JQuery Mobile Back Button не работает

ответ

Смежные вопросы