使用 jquerymobie 主题滚轮我发现了一些问题,我不知道如何克服。
问题 1:当我将 data-theme 属性定义到 div 的开头时,例如<div data-role="page" data-theme="a">
,如果我想在 div 中放置另一个主题,如下例所示,那么它就不起作用了。例如:
<div data-role="page" data-theme="a">
<div data-theme="e">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.
</div>
</div>
问题 2:就我而言,我必须使用class="ui-grid-a"
. 我知道 jquerymobile<filedset>
元素中已经有单选按钮,但在我的情况下,这种设计不适合。但是,尽管我在包装网格 div 中指定了默认主题,但我的单选按钮需要主题“e”颜色,例如:
<div data-role="page" data-theme="a">
<div data-role="header" data-position="inline" data-theme="b">
<h1>It Worked!</h1>
</div>
<div class="ui-grid-a" data-theme="e">
<form>
<div class="ui-block-a"><label class="border-r"><input type="checkbox" name="checkbox-0" /> BLACK </label></div>
<div class="ui-block-b"><label class="border-r"><input type="checkbox" name="checkbox-0" /> BLACK </label></div>
</form>
</div>
</div>
但它似乎不起作用检查我尝试过的在线示例http://jsfiddle.net/SmYZd/。但是,如果我将主题指定给特定的表单元素,它会起作用,例如<div class="ui-block-a"><label class="border-r"><input type="checkbox" data-theme="e" name="checkbox-0" /> BLACK </label></div>
参见示例表单http://jsfiddle.net/EEFQR/。
任何人都可以让我知道这件事吗?我知道我可以通过简单地将相似的颜色添加到其他 css 来实现我的颜色,但是在 jquerymobile css 中我们已经内置了很多 css。我只需要知道为什么我们不能data-theme
在任何元素上使用属性来满足我们的愿望?