Jquery mobile，无法使用$.mobile.changePage使其更改页面_Jquery_Mobile

Jquery mobile，无法使用$.mobile.changePage使其更改页面

jquery mobile

Jquery mobile，无法使用$.mobile.changePage使其更改页面,jquery,mobile,Jquery,Mobile,我使用以下代码通过phonegap以编程方式更改我的应用程序中的页面： $('#selection').change(function() { alert($(this).val()); $.mobile.changePage($("#about"), "slideup"); }); 当用户更改选择时，警报将触发，理论上应该将它们发送到以下jquery对象 <div data-role="page" id="about" data-id="about">

我使用以下代码通过phonegap以编程方式更改我的应用程序中的页面：

$('#selection').change(function() {
    alert($(this).val());
    $.mobile.changePage($("#about"), "slideup");
});

当用户更改选择时，警报将触发，理论上应该将它们发送到以下jquery对象

    <div data-role="page" id="about" data-id="about">  
    <div data-role="header" data-position="fixed" data-nobackbtn=”false”><h1>About Us</h1></div>
    <div data-role="content">
        <p>Information about the company</p>
    </div> 
    </div>


关于我们
公司信息

对象在正常链接下运行良好

<span><a href="#about" data-transition="fade">About Us</a></span>

但我无法让它在浏览器中或手机间隙内以编程方式加载

有什么想法吗？我一定查过API一百万遍了

完整的html格式如下：

<!DOCTYPE HTML>
<html>
<head>
<title>Header</title>
<script type="text/javascript" charset="utf-8" src="js/phonegap-0.9.3.js"></script>


<link rel="stylesheet" href="css/jquery.mobile-1.0a1.min.css" /> 
<script src="js/jquery-1.4.3.min.js"></script> 
<script src="js/jquery.mobile-1.0a1.min.js"></script>
<script src="js/mycustomjs.js"></script>

<script type="text/javascript">


// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
//
function onDeviceReady() {

        function reachableCallback(reachability) {
            // There is no consistency on the format of reachability
            var networkState = reachability.code || reachability;

            var states = {};
            states[NetworkStatus.NOT_REACHABLE]                      = 'No network connection';
            states[NetworkStatus.REACHABLE_VIA_CARRIER_DATA_NETWORK] = 'Carrier data connection';
            states[NetworkStatus.REACHABLE_VIA_WIFI_NETWORK]         = 'WiFi connection';

            alert('Connection type: ' + states[networkState]);
        }

        navigator.network.isReachable('phonegap.com', reachableCallback);


}

</script>  

</head>
<body>




<!-------------- INDEX PAGE ------------------------------------>
<div data-role="page" id="home">  
    <div data-role="header" data-position="fixed" data-nobackbtn=”false”>
            <h1 header</h1>
    </div>

    <div data-role="content">
    <p>Thank you for downloading our app</p>
        <div data-role="fieldcontain">
                <label for="selection" class="select">Please select an industry</label>
                <select name="selection" id="selection">
                        <option value="choice1">choice1</option>
                </select>
        </div>
    </div> 
</div>  

<!-------------- ABOUT PAGE ------------------------------------>
<div data-role="page" id="about" data-id="about">  
    <div data-role="header" data-position="fixed" data-nobackbtn=”false”>
            <h1>About Us</h1>
    </div>

    <div data-role="content">
        <p>Information about the company</p>
    </div> 

 </div>  

</body>
</html>


标题
//PhoneGap已加载，现在可以安全地调用PhoneGap方法
//
函数ondevicerady（）{
函数可达性回调（可达性）{
//可达性的格式不一致
var networkState=reachability.code | | reachability；
变量状态={}；
状态[NetworkStatus.NOT_REACHABLE]=“无网络连接”；
状态[网络状态.可通过载波数据网络访问]=“载波数据连接”；
状态[网络状态。可通过无线网络访问]=“无线连接”；
警报（'连接类型：'+状态[网络状态]）；
}
navigator.network.isReachable（'phonegap.com'，reachable callback）；
}
您正在使用jquery mobile 1.0 alpha 1，它看起来有一个明显不同的API。例如，changePage具有以下签名[1]：
function changePage( from, to, transition, back )

我想（虽然没有尝试）你可以用它作为
$.mobile.changePage($('#home'), $('#about'), 'slide-up', false);

尽管我认为最好升级到1.0 beta2（最新版本），除非与phonegap不兼容，这会阻止您使用它（据我所知，没有）。如果升级，上述代码应该可以正常工作
[1]：
我认为您需要将选项设置为对象而不是字符串
因此，或许可以尝试以下代码：
$.mobile.changePage($("#about"), { transition: "slideup"});

您好，这段代码适用于我（使用jquerymobile1.0b2）。看，你能展示你的完整HTML吗？