Question

jQuery Mobile Demo页面中有很多示例。但在看到这些之后，在我看来，我们已经从HTML 4到jQuery mobile走了一个很棒的圈子。让我们看看一些样本。

<button type="button" data-icon="gear" data-iconpos="right" data-mini="true" data-inline="true" id="add">Add</button>
<button type="button" data-icon="plus" data-iconpos="right" data-mini="true" data-inline="true" id="expand">Expand last</button>
<button type="button" data-icon="minus" data-iconpos="right" data-mini="true" data-inline="true" id="collapse">Collapse last</button>
...

它让我想起了旧的HTML 4，它让我感到非常沮丧。

<td align="right" bgcolor="green" colspan="5" rowspan="10" height="600" (...)>

当然，jQuery mobile具有更广泛的功能，而且更加紧凑。但是这个例子让我觉得这个框架设计得不好。

所以我正在寻找为jQuery Mobile创建一些东西的可能性，这与CSS的HTML相同。

<button type="button" data-icon="gear" data-custom="myComponent" id="add">Add</button>
<button type="button" data-icon="plus" data-custom="myComponent" id="expand">Expand last</button>
<button type="button" data-icon="minus" data-custom="myComponent" id="collapse">Collapse last</button>
...

和＆＃34; jQuery移动规则＆＃34; （我将使用CSS约定）：

.myComponent {
    iconpos: right;
    mini: true;
    inline: true;
}

我知道数据属性是＆＃34;映射＆＃34;上课。例如data-iconpos="right"到class="ui-btn-icon-right"。

因此可以创建一些LESS或SASS脚本。然而，它是一种黑客行为：/。那么应该怎样做才能最好地重用jQuery mobile中的数据属性集？

jQuery mobile＆＃34; stylesheet＆＃34;对于数据属性

0 个答案: