Jquery移动数据主题属性无法在任何地方使用

时间:2013-02-15 06:45:14

标签: jquery css jquery-mobile mobile

使用jquerymobie主题滚轮我发现了一些问题,我不确定如何克服。

问题1:    当我将数据主题属性定义为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>元素必须用单选按钮包装但在我的情况下该设计不合适。但是,我的单选按钮需要主题“e”颜色,尽管默认主题我在包装网格div中指定了data-theme =“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/。但是,如果我为speific表单元素指定主题,则它会起作用<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属性?

1 个答案:

答案 0 :(得分:2)

问题1:

您应指定data-role才能拨打data-theme

请检查:http://jsfiddle.net/EEFQR/

问题2:

我不确定你的问题是什么。 ui-grid或致电data-theme

的设计