jquery mobile 外部面板不采用样式

我正在尝试实现 jQuery mobile 1.4 rc1 中提供的新外部面板。我能够让面板按其应有的方式在所有页面上输入和关闭，但是面板不会继承默认主题 (c) 的样式，如果使用 data-theme=a 定义主题也不会继承样式。面板将加载无样式的列表视图，除非我导航到 URL 中的 #app-menu 然后样式就会出现。有谁知道为什么会这样？

<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>

Note: data-theme属性应添加到外部面板因为它不继承风格/主题parent容器。内部面板继承样式/主题page div包含它。

jQuery Mobile 现在提供外部面板和工具栏。这些小部件不会由 jQM 自动启动。它们需要手动启动，然后.enhanceWithin()来增强里面的内容。

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

Demo http://jsfiddle.net/Palestinian/b6AgD/