【问题标题】:jQuery mobile multiple theme dependeciesjQuery mobile 多主题依赖
【发布时间】:2013-07-23 19:39:30
【问题描述】:

jQuery Mobile Docs 中提到了以下内容

如果根本没有设置主题样本字母,则框架使用“a” 色板(默认主题中为黑色)用于页眉和页脚以及 页面内容的“c”色板(默认主题中为浅灰色) 最大化两者之间的对比度。

容器中的所有项目都从其父项继承样本。 此规则的例外是列表视图中的列表分隔符,标题 嵌套列表页面,以及拆分按钮列表的按钮。那些 默认为“b”(默认主题为蓝色)。计数气泡默认为 “c”(默认主题为银色)。

我的问题是

1) 为什么 jquery mobile 不使用单一主题。为什么来自“a”的东西来自“b”和“c”?

2) 由于它使用多个主题,因此无法制作单个自定义主题。例如,如果我为我的定制设计制作“g”。有没有办法强制它只使用单个样本“a”或“b”或“c”,这样我就可以使用它们中的任何一个来制作自定义主题。

【问题讨论】:

    标签: jquery jquery-mobile


    【解决方案1】:
    1. 它确实使用了一个主题!主题有多种颜色 名为 swatches 的配置文件,本质上将颜色委托给 元素。 jQuery 默认使用那些对比色板,因为它们可以很好地协同工作。这 您发布的摘录仅在没有主题样本信的情况下才起作用 设置,所以也许这消除了一些混乱。

      例如,如果你有多个按钮,你可以设置data-theme 到您在主题中定义的任何样本以快速选择 该按钮的颜色。见button theming

    2. 您正在使用 ThemeRoller 制作单个自定义主题,它只有多个颜色组件。 (您可以使该主题具有一个主题样本,但我认为您不需要!)如果没有设置单独的元素,页面上的元素将采用其父级的data-theme。如果您只想在页面上使用一种颜色样本,只需将 data-theme=g 设置为页面 div。

      e.g. <div data-role="page" data-theme="g">
             ... <!--everything is theme a unless otherwise specified-->
           </div> 
      

    我建议您check this out,并阅读 jQuery 文档以了解它。

    【讨论】:

      猜你喜欢
      • 2013-12-08
      • 1970-01-01
      • 2017-03-14
      • 1970-01-01
      • 1970-01-01
      • 2012-03-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多