Question

我正在使用PhoneGap＆amp; amp; jQuery Mobile。我想保留我的视图文件DRY。我如何在jQuery Mobile中实现这一目标？我应该将每个页面元素放在一个HTML文件中吗？

Answer 1

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

你可以有类似的东西：

<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 mobile site中，有一个简单但很酷的拖放式UI构建器，用于探索JQM库可以执行的操作。

希望它有所帮助！

如何在jQuery Mobile中干？

1 个答案: