Jquery mobile 主题是如何应用于jquery移动插件的？

目前，我正在为JQuery Mobile构建我的第一个插件。我已经设法使基本代码正常工作，但是我很难理解主题是如何应用的。在花了两个小时的谷歌搜索都没用之后，我有点不知道下一步该去哪里

基本上：

---

如何构建插件以从JQM的主题中提取样式？在我可以使用的机械层面上，是否有关于主题在何处/如何应用的参考？我正在构建的插件是一个定制的进度条显示，我想让进度条的颜色和边框使用主题。

jQuery移动主题基于一组与视觉特征相关的标准类。例如，应将.ui btn类添加到按钮，并将.ui icon类添加到图标，以遵循jQuery移动主题约定。另一个例子是如何将.ui图标阴影类添加到具有.ui图标类的元素中，并为其提供阴影

下面是一个jQuery移动按钮示例：

<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-f" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="f" title="Home">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">Home</span>
        <span class="ui-icon ui-icon-home ui-icon-shadow">&nbsp;</span>
    </span>
</a>

---

是否有任何机制来扩展主题，以便如果开发人员在html中放入data theme=b，引擎将知道如何向元素添加特定的字母类？例如：我在插件中创建了一个标记：如果应用了主题a，我希望将类ui-btn-a应用到它。是否有一个现存的机制，我应该使用或我必须写一个插件的主题应用程序功能？这将取决于你初始化和刷新你的小部件。我会做一些类似于$this.closest的“[data theme]”来获取元素的最接近的继承主题。您可以使用类似的代码将特定于主题的类添加到小部件中。只需将主题应用程序算法直接构建到小部件中即可。

$('<ul data-role="listview"><li>FOOBAR</li></ul>').listview();

//assuming `this` is the widget element
var theme = $(this).closest('[data-theme]').attr('data-theme') || 'a';