Jquery mobile jquery移动外部面板不采用样式

我正在尝试实现jQuery mobile 1.4 rc1中提供的新外部面板。我能够让面板按其应有的方式进入和关闭所有页面，但是面板不会从默认主题（c）继承样式，如果使用data theme=a定义主题，面板也不会继承样式。面板将加载未设置样式的列表视图，除非我在url中导航到#app菜单，然后显示样式。有人知道为什么会这样吗

<script id="panel-init">
        $(function () {
            $("body > [data-role='panel']").panel();

        });
    </script>

<div data-role="panel" id="app-menu" data-display="push" data-position="left">
        <ul data-role="listview">
            <li data-role="list-divider">Menu</li>
            <li data-icon="home" data-bind="click: navTo.bind($data, 'location-map', 'flip', false)">current party</li>

        </ul>
    </div>

$（函数（）{
$（“body>[data role='panel']）。panel（）；
});

菜单
当前参与方

注意：

数据主题

属性应添加到外部面板，因为它不会从父容器继承样式/主题。内部面板从包含它的页面div继承样式/主题

jquerymobile现在提供了外部面板和工具栏。这些小部件不是由jQM自动启动的。它们需要手动启动，然后是

.enhanceWithin（）

，以增强其中的内容

$(function () {
  $("[data-role=panel]").panel().enhanceWithin();
});

---

我不允许发表评论，但在demo@Omar提供的许多

data icon=“home”

图标没有显示，如果我向锚添加

class=“ui-btn ui-icon-arrow-l”

，它也不会显示，因此似乎还有更多的事情需要做

经过一点调查，我发现像这样添加ui btn图标将修复锚

---

将这些类添加到实现此目的的

。谢谢我经常想知道人们是怎么知道这些事情的。在这种情况下，甚至jQeryMobile网站上的演示在创建外部面板时也不使用这种方法，而且里面有一个完全样式化的按钮。再次感谢@MarkHollas你是对的，jQM演示页面上没有解释。即使是
.enhanceWithin（）
也不能取代
.trigger（“create”）
。它实际上在演示中的某个地方，隐藏在洞穴深处。JQM文档的问题在于，每个代码库似乎有2到3个版本，并且每个版本都以不同的方式告诉它。不过，最新的文档中有def。这就是我发现它的地方，最近我与@Omar讨论过它。但是JQM文档还有很多需要改进的地方