【问题标题】:How to style forms using jQuery Mobile on a website如何在网站上使用 jQuery Mobile 设置表单样式
【发布时间】:2011-09-08 13:06:09
【问题描述】:
  1. 如何使用 jQuery Mobile 设置表单样式?其他都没有 表单样式看起来很酷。

  2. 会不会和jQuery插件产生冲突(即循环、验证等) 或导致我网站上的其他任何内容发生冲突?

  3. 还有没有办法只使用jQuery Mobile的表单部分?

PS:我知道 UI 会在 2.0 版中推出它,但距离它还有几个月的时间,所以不要建议它。

【问题讨论】:

    标签: jquery jquery-mobile


    【解决方案1】:

    jQuery Mobile 不会与 jquery 插件产生冲突(嗯,几乎),但它会尝试覆盖页面的构建方式,因此它看起来不像现在那样。 如果 JQM 在某种程度上不重建您的界面,您就无法使用它。您已收到警告。

    但尽管如此 - 我相信您可以使其与您的表单一起使用并为网站设置样式。

    重要提示: <div data-role="page"> 现在是可选的,你希望它是。尽量不要使用 JQM 的包装器 - 它可能会对网站其余部分的外观做出较少的更改

    【讨论】:

    • 谢谢。 “尽量不要使用 JQM 的包装器”它们是什么。我还认为,只需为输入应用类,我就可以得到想要的效果,或者我也必须做其他事情
    • 包装器是 page header 等数据角色。但是如果你只需要一些 JQM 类,那么只使用它的 CSS 是一个不错的主意。您可以从 git 下载并仅从 repo 获取表单 CSS
    • 所以如果只是将 css 复制到我的项目中,我应该能够设置复选框、单选按钮、选择(下拉菜单)的样式。我还必须包含 JQM js 还是只复制 css 就可以了
    • 您只需要 CSS。您可能必须在表单上设置一些类或一些包装器才能使 CSS 工作。我建议只为 repo 中的表单使用 CSS。它只是整个事物大小的百分之几
    猜你喜欢
    • 1970-01-01
    • 2013-02-15
    • 1970-01-01
    • 1970-01-01
    • 2011-11-08
    • 2010-11-01
    • 1970-01-01
    • 2012-08-15
    • 2011-10-01
    相关资源
    最近更新 更多