jquery mobile如何在HTML中注入类？

Posted 2023-05-09

【中文标题】jquery mobile如何在HTML中注入类？

【英文标题】：How does jquery mobile inject classes in HTML?

【发布时间】：2014-05-03 15:29:43

【问题描述】：

我正在构建一个 jqm/backbone 应用程序。 我在主干模板中有这个 html，加载到主干视图中：

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

在第一次渲染时，这会显示一个灰色的标题。当视图模型发生变化，视图再次渲染模板时，灰色背景颜色会丢失。

我注意到在第一次渲染时，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 在标头中注入了类，并且它不会在模板重新渲染时重新注入它们。

JQM 如何以及何时注入这些类，当我重新渲染我的模板时如何“刷新”这个注入？

【问题讨论】：

你尝试过 .trigger("create");在你的 data-role='page' 上？

不是你问题的真正答案，但是......我真的很讨厌 jqM。对于相当于一堆 UI 组件的 javascript，它臃肿、缓慢且过于繁重。

我同意 JQM，但是对于响应式、自适应方向感知的移动布局有什么好的替代方案吗？还没找到

@MartinvanHaeften 谢谢，它有效！请做出一个答案，以便我可以验证它！

很高兴在这里为您提供帮助！ jqm 是否最终将 headers 的语法更改为

【参考方案1】：

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

【讨论】：

这没有提供问题的答案。要批评或要求作者澄清，请在其帖子下方发表评论。

以某种方式，至少它告诉JQM“何时”添加这些类