jQuery Mobile Demo案例实现.docx

关于jQuery Mobile Demo案例实现关于jQuery Mobile Demo案例实现是本文要介绍的内容，主要是来了解jQuery Mobile Demo中的一个小案例，具体内容的实现来看详细代码。AD： 关于jQuery Mobile Demo案例实现是本文要介绍的内容，主要是来了解jQuery Mobile Demo中的一个小案例，具体内容的实现来看详细代码。1. 2. 3. 4. test.html5. 6. 7. 8. 9. 10. /script11. 12. 13. 14. TransitionEffects15. Slide16. SlideUp17. SlideDown18. Pop19. Flip20. Fade21. 22. 23. 24. SeamlessList(margin-less)25. InternalLink126. InternalLink227. ExampleItem328. 29. 30. 其中，相关元素的含义如下：data-role-指定的元素性质的包装，可设置为： 网页， 标题， 内容， 页脚。 另外两个设置中所使用的例子来说明列表元素和列表分隔，为此，该属性设置为： ListView中 列出的主要元素和 列表分隔 列表的护栏。 还有其他一些可用的设置，包括 可折叠的，它创建了一个可折叠的显示/隐藏块 data-position -指定元素是否应 固定，在这种情况下，它会提供在顶部（标头）或底部（用于页脚）data-inset -specifies whether element should be within content margins or outside of it (flush or with margin) set to true or falsedata-transition -指定的过渡到新的页面加载时使用，可设置为：slide, slideup, slidedown, pop, flip or fadedata-theme -指定的设计主题，使用容器内的元素，可设置为：a,b,c,d,edata-dividerthem -指定选项的主题相同的分隔使用列表 数据的主题。关于jQuery Mobile中如何来格式化文本关于jQuery Mobile学习笔记是本文要介绍的内容，主要是来了解jQuery Mobile中如何来格式化文本，具体内容来看本文详解。为了使其尽可能的灵活，jQuery Mobile使更多的普通HTML内容更加独立。加入适当的缩进使内容的可读性更强。有两种布局方法使其格式化变得更简单：布局表格和可折叠的内容块布局表格：组织内容以列的形式显示，有两列表格，和三列表格可折叠的内容：当点击内 容块的标题，则会将其隐藏的详细内容展现出来，下面是一个可折叠内容的实例，单击标题将看到具体的内容，再点击标题则会将展现的内容隐藏。1. 2. 3. 4. CollapsibleContentDemo5. 6. 7. 8. 9. 10. 11. 12. Home13. 14. 15. 16. Aboutthisapp17. Thisapprocks!18. 19. 20. 21. 22. 触摸选择的表单元素jQuery Mobile会自动替换标准的HTML表单元素，例如文本框，复选框，列表框。以这种自定义的样式工作在触摸设备上的表单元素，易用性更强。例如，复选框将会变得很大，易于点选。点击下拉列表时，将会弹出一组大按钮列表选项，提供给用户选择。该框架支持新的HTML5元素，例如search和range。另外你可以利用列表框并添加data-role=”slider”并添加两个option选项，创建不错的”打开/关闭”开关，另外一个不错的特点是组合单选框和组合复选框，可以利用fieldset元素添加属性data-role=”controlgroup”来创建一组单选按钮或复选框，jQuery Mobile自动格式化他们的格式。使它们看上去更fashion!一般来说，开发者不需要关心表单的那些高级特性，开发者仅需要以正常的方式创建你的表单，jQuery Mobile框 架会帮你完成剩余的工作。另外有一件事情需要开发人员来完成，即使用div或fieldset 属性data-role=”fieldcontain”包装每一个label/field。这样jQuery Mobile会在label/field对之间添加一个水平分割条。这样的对齐方式可以使其更容易查找。下面是一个jQuery Mobile版的表单元素1. 2. 3. 4. jQueryMobileFormDemo5. 6. 7. 8. 9. 10. 11. 12. IceCreamOrderForm13. 14. 15. 16. 17. YourName:18. 19. 20. 21. Whichflavour(s)wouldyoulike?22. 23. Vanilla24. 25. Chocolate26. 27. Strawberry28. 29. 30. NumberofCones:31. 32. 33. 34. Sprinkles:35. 36. No37. Yes38. 39. 40. 41. CollectfromStore:42. 43. MainStr