Jquery移动数据图标未显示在Windows设备上。 （PhoneGap的）

Question

我正在尝试使用手机间隙在Windows平台上构建我的第一个应用程序。我能够运行我的应用程序，但我无法在模拟器和设备中看到任何图标，如后退按钮，菜单按钮图标。我们如何在页眉中获取数据图标。

CSS：

        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/jquery.js"></script>
        <link rel="stylesheet" href="css/jquery.mobile-1.4.2.css" />
        <script type="text/javascript" src="js/jquery.mobile-1.4.2.js"></script>

HTML：

<div data-role="page" id ="pichartimg">
        <div data-theme="a" data-role="header">
          <h3>Pie Chart</h3>
          <a href="#" data-role="button" data-rel="back" data-icon="arrow-l" id="change-color">Back</a>
        </div>
        <div id='canvasDivpie' class = "sidebar"></div>
 </div>

我无法在页眉中看到后退按钮。问题是什么以及如何获取图标。

Answer 1

我也一直在努力。我的经验是，在Javascript包含中获得正确的顺序非常重要。

我建议你先包含你的CSS。然后按以下顺序紧接着：

1. 的jQuery
2. Jquery Mobile
3. 科尔多瓦
4. 任何其他Javascript

完成后，以下示例应在标题中显示一个按钮，右侧有一个图标：

<div id="header" data-role="header" data-position="fixed" data-theme="a">
  <h1>Some Headline</h1>
  <a href="#main" data-role="button" class="ui-btn-right" data-icon="home" data-iconpos="notext"></a>
</div>

希望有所帮助！