jqm中的迷你属性用于工具栏外观

时间:2013-11-19 23:15:48

标签: jquery-mobile button

我想在我的webapp顶部放置一些按钮,就像工具栏一样。为此,我使用controlgroup小部件。 现在我的问题是按钮宽度对于显示器来说太大了所以我决定将mini属性设置为true。 但有人可以解释我将mini设置为每个按钮或仅将其设置为div之间的区别吗?我应该在工具栏中使用哪种方案?

示例1:

<div data-role="content">
    <div data-role="controlgroup" data-type="horizontal">
        <a href="index.html" data-role="button" data-mini="true">Button 1</a>
        <a href="index.html" data-role="button" data-mini="true">Button 2</a>
        <a href="index.html" data-role="button" data-mini="true">Button 3</a>
    </div>
</div>

示例2:

<div data-role="content">
    <div data-role="controlgroup" data-type="horizontal" data-mini="true">
        <a href="index.html" data-role="button">Button 1</a>
        <a href="index.html" data-role="button">Button 2</a>
        <a href="index.html" data-role="button">Button 3</a>
    </div>
</div>

提前致谢!

1 个答案:

答案 0 :(得分:0)

它们是相同的,因为按钮继承自容器。在这种情况下你应该在DIV上设置迷你。

如果你在一个容器中有很多控件而只有一些需要是“迷你”,你可以将这些单个元素设置为迷你。