在流星 js 元素/字段更新时保留 jquery 移动样式答案

【问题标题】：Preserving jquery mobile styles when meteor js elements/fields update在流星 js 元素/字段更新时保留 jquery 移动样式
【发布时间】：2013-06-20 21:51:16
【问题描述】：

我目前正在开发一个使用 Meteor JS 和 jQuery Mobile 的 Meteor 项目。除了 Meteor 更新元素的某些情况外，一切都很顺利。

例如，JQM 自动将一些周围的 div 添加到选择框以进行格式化（.ui-select、.ui-btn、.ui-shadow 等）但是当 Meteor 更新此元素时，无论是从远程数据库还是本地数据库更改后，它将元素恢复为标准选择框，实际上破坏了 UI。

我只是想知道是否有一个简单的解决方案来解决这个问题，即 Meteor 在更新元素之前调用 jQuery 进行更改？

【问题讨论】：

标签： jquery-mobile meteor

【解决方案1】：

必须增强动态添加的jQuery Mobile内容。

可以通过几种方式完成，但最常见的是：

如果您只想增强内容
```
$('#page-id').trigger('create');
```
如果你想增强整页（内容+页眉+页脚）
```
$('#page-id').trigger('pagecreate');
```

很高兴知道这些方法具有广泛的性能，因此您始终可以单独增强小部件（按钮、列表视图 ...）。要了解更多信息，请查看我的另一个 ARTICLE，透明的是我的个人博客，或者找到它HERE。

【讨论】：

我在寻找刷新 JQM 列表视图以便重新应用样式的解决方案时偶然发现了这一点。在流星中，我需要等待 listview 渲染并可见，然后才能刷新，Meteor.template.rendered 还不够晚（listview 还没有 li）。你知道我可以在 Meteor 的什么地方做到这一点吗？迄今为止我发现的唯一解决方案是使用 Meteor.timeout() 并等待大约 200 毫秒以填充列表视图的 li，然后我可以刷新。对于事件驱动的解决方案有什么想法吗？