1

我正在使用 PhoneGap 和 jQuery Mobile 开发一个移动应用程序。我想保持我的视图文件干燥。如何在 jQuery Mobile 中实现这一点？我应该将每个页面元素都放在一个 HTML 文件中吗？

4

1 回答 1

1

确切地说，jQuery mobile 就是为此而设计的，而 I 是最好的方法。

你可以有这样的东西：

<html>
<head>
   <script src="jquerymobilelibrary.js"/>
</head>
<body>
  <div data-role="page" id="page1">
    <div data-theme="a" data-role="header"><h3>Header</h3></div>
    <div data-role="content">
        <div data-role="fieldcontain">
            <label for="textinput2">Title</label>
            <input name="" id="textinput2" placeholder="" value="" type="text">
        </div>
        <a data-role="button" href="#page2">Button</a>
    </div>
  </div>

  <div data-role="page" id="page2">
    <div data-theme="a" data-role="header"><h3>Header</h3></div>
    <div data-role="content">
        <!-- Content is empty -->
    </div>
  </div>
</body>
</html>

要在 JS 中以编程方式在页面之间切换，您可以使用

<script>
  $.mobile.changePage('#page2')
</script>

在 jquery 移动站点中，有一个简单但很酷的拖放式 UI 构建器来探索 JQM 库可以做什么。

希望能帮助到你！

于 2013-08-14T15:42:29.387 回答