Javascript jQuery mobile不添加后退按钮？_Javascript_Jquery_Mobile Application_Jquery Mobile

Javascript jQuery mobile不添加后退按钮？

javascript jquery jquery-mobile

Javascript jQuery mobile不添加后退按钮？,javascript,jquery,mobile-application,jquery-mobile,Javascript,Jquery,Mobile Application,Jquery Mobile,我的头： <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <script src="<?php echo base_url();?>/assets/js/vendor/modernizr-2.6.2.min.js">

我的头：

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <script src="<?php echo base_url();?>/assets/js/vendor/modernizr-2.6.2.min.js"></script>
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 target-densitydpi=medium-dpi'/>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />

    <!--jQuery, mobile options, JQM-->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="<?php echo base_url();?>assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
    <script src="<?php echo base_url();?>assets/js/transition.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

    <script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
    <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/normalize.css">
    <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/main.css">
</head>

为什么不添加此代码段？

请确保此代码段在加载jQuery库之后但在加载jQueryMobile库之前：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function() { 

    //back button
    $.mobile.page.prototype.options.addBackBtn = true;
    if (navigator.userAgent.indexOf("Android") != -1) { $.mobile.defaultPageTransition = 'none'; $.mobile.defaultDialogTransition = 'none'; } else {
        $.mobile.defaultPageTransition = 'pop';
    } 
});
</script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>


$（document）.bind（“mobileinit”，function（）{
//后退按钮
$.mobile.page.prototype.options.addBackBtn=true；
如果（navigator.userAgent.indexOf（“Android”）！=-1）{$.mobile.defaultPageTransition='none'；$.mobile.defaultDialogTransition='none'；}其他{
$.mobile.defaultPageTransition='pop'；
} 
});

请参阅：

它是

$.mobile.page.prototype.options.addBackBtn

。如果没有

.options

，它将无法工作。这正是我所做的。另外@FrédéricHamidi也不能解决问题。您是否尝试过加载旧的jquery库？1.7或1.8。最新的可能需要迁移加载项。Frédéric的解决方案工作得很好，您可能做错了。@Gajotres可能。但是我把代码作为唯一的Javascript代码放在上面，它仍然不起作用。非常奇怪。我认为您对

document.write（）

的调用最终嵌套了两个

元素。您的

window.jQuery |

模式可能不可行。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function() { 

    //back button
    $.mobile.page.prototype.options.addBackBtn = true;
    if (navigator.userAgent.indexOf("Android") != -1) { $.mobile.defaultPageTransition = 'none'; $.mobile.defaultDialogTransition = 'none'; } else {
        $.mobile.defaultPageTransition = 'pop';
    } 
});
</script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>