带有CSS转换的Meteor模板
Meteor似乎跳过了CSS转换,当这些转换通过模板助手触发时。 有办法解决这个问题吗 例如:带有CSS转换的Meteor模板,meteor,Meteor,Meteor似乎跳过了CSS转换,当这些转换通过模板助手触发时。 有办法解决这个问题吗 例如: <template name="example-template"> <div class="example {{myhelper}}"></div> </template> 然后,“myhelper”将通过模板助手被分配一个触发css转换的类名。但是,由于某些原因,应用了该类,但跳过了转换 我假设这与Meteor在模板数据源更改时的自动渲染冲
<template name="example-template">
<div class="example {{myhelper}}"></div>
</template>
然后,“myhelper”将通过模板助手被分配一个触发css转换的类名。但是,由于某些原因,应用了该类,但跳过了转换
我假设这与Meteor在模板数据源更改时的自动渲染冲突,但我不知道如何避免(我希望避免使用jquery)。Meteor还不支持渲染新模板后的CSS转换。原因是当再次呈现模板
示例模板时,新的HTML只是用新的类名附加到DOM中。由于DOM发生了变化,因此不会发生转换
最好将呈现的
事件与加载
类名结合使用:
<template name="example-template">
<div class="example loading"></div>
</template>
Template['example-template'].rendered = function() {
// remove the loading classname here, and have that trigger a transition
}
模板['example-Template'].rendered=function(){
//删除此处的加载类名,并使其触发转换
}
新的Meteor UI登陆后,这应该会变得更容易(请参阅),但在此之前,您可以使用模板的preserve指令执行此操作:
HTML:
有关更多信息,请参阅。非常有效!只要仔细阅读文档:在最简单的形式中,preserve
方法应该传递一个选择器数组,每个选择器最多应该匹配一个元素。这项技术的好处是,您的代码保持完全反应。preserve
在最新的Meteor中不再存在。
<template name="example">
<div id="example-div" class="example {{myhelper}}"></div>
</template>
Template.example.preserve(['#example-div']);