如何在jquery Mobile中从一个html页面导航到其他页面?

时间:2014-11-09 21:26:14

标签: html5 jquery-mobile cordova

如何使用Mobile jQuery从一个HTML页面导航到其他HTML页面? 我试过这个:

 function temperature()
{
  $.mobile.changePage("temperature.html",{reloadPage:true});
}

当我点击温度按钮温度功能被调用时。

   <button id="TempConvert" data-theme="b" onClick="temperature()">Temprature Converter</button>

加载页面时出现错误消息错误。

我使用下面的脚本标记来包含.js个文件

`<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.min.css" />
    <link rel="stylesheet" href="index.css" />     
    <script src="jquery.mobile/jquery-1.7.2.min"></script>
    <script src="jquery.mobile/jquery.mobile-1.1.0.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>

`

1 个答案:

答案 0 :(得分:0)

您可以使用锚点<a href="temperature.html" data-role="button">Go temp!</a>并对其进行样式设置,使其看起来像一个按钮(这就是data-role =&#34;按钮&#34;部分所做的)。 锚点的行为仍然像常规锚点,但它看起来像一个按钮。