javascript - jquery mobile 如何在 HTML 中注入(inject)类？

Question

我正在构建一个 jqm/backbone 应用程序。我在主干模板中有这个 HTML，加载到主干 View 中:

<header class="" data-role="header" data-position="fixed" data-tap-toggle="false" >
            <h1>Test2</h1><div id="testModelEdit"><br/>testmodeledit</div>
        </header>

在第一次渲染时，这显示了一个灰色的标题。当 View 模型更改时， View 再次呈现模板，灰色背景颜色将丢失。

我注意到在第一次渲染时，html 看起来像这样:

<header class="ui-header ui-bar-inherit ui-header-fixed slidedown" data-role="header" data-position="fixed" data-tap-toggle="false" >
            <h1>Test2</h1><div id="testModelEdit"><br/>testmodeledit</div>
        </header>

我猜想 JQM 在 header 中注入(inject)了类，并且它不会在模板重新呈现时重新注入(inject)它们。

JQM 如何以及何时注入(inject)这些类以及当我重新呈现我的模板时如何“刷新”这个注入(inject)？

Answer 1

在 data-role='page' 上使用 .trigger("create");。