带有 CSS 过渡的 Meteor 模板

2024-05-23

当通过模板助手触发 CSS 转换时,Meteor 似乎会跳过这些转换。 有办法解决这个问题吗?

Example:

<template name="example-template">
  <div class="example {{myhelper}}"></div>
</template>

然后,“myhelper”将通过模板助手分配一个触发 css 转换的类名。但是,由于某种原因,该类已应用但跳过了转换。

我认为当模板数据源更改时,这与 Meteor 的自动渲染发生冲突,但我不知道如何解决它(我想避免使用 jquery)。


Meteor 尚不支持渲染新模板后的 CSS 过渡。原因是渲染模板时example-template同样,新的 HTML 会使用新的类名附加到 DOM 中。由于 DOM 发生了变化,因此不会发生转换。

你最好的选择是使用rendered事件与loading班级名称:

<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
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带有 CSS 过渡的 Meteor 模板 的相关文章

  • 如何让 minimongo.js 在浏览器中运行?

    The minimongo 的 github 演示 https github com mWater minimongo陈述为 客户端 mongo 数据库 通过 http 与服务器同步 还有一个还有一个minimongo 独立 https g
  • 更新 Meteor 中的嵌套数组

    这是我的架构 id FJwSEMdDriddXLKXh name t number 5 owners id 1 name Name address Address type Type gender Gender notes 单击后 我将在所
  • 如何在 Meteor 中读取依赖于另一个集合的集合

    我正在尝试从集合中加载最新的帖子 同时加载同一篇帖子的所有评论 该集合具有引用 而不是将整个文档存储在彼此内部 Post title body etc Comment postId body etc 我使用iron router作为路由包
  • 将服务连接到现有的流星帐户

    我正在设置一个流星应用程序 其中涉及使用用户名和密码进行注册 然后希望将该帐户与 Facebook 和 Twitter 连接起来 我只需使用帐户包即可轻松启动并运行第一部分 但是当我有一个登录用户调用 Meteor loginWithFac
  • Meteor 抛出 throwIfSelectorIsNotId 异常

    运行某些代码时 Meteor 会抛出 throwIfSelectorIsNotId 异常 我有两个客户端运行相同的代码 当第二个客户端运行相同的代码时会引发异常 无法弄清楚这个异常的含义以及抛出的原因 希望有人能够解释一下 对于客户端上的某
  • Meteor:将所有用户发布到客户端

    为什么这不起作用 在客户端和服务器上 AllUsers new Meteor Collection allUsers 仅在服务器上 Meteor publish allUsers function return Meteor users f
  • 了解新的 mongo id 并将其与 Iron-router 一起使用

    我有一个简单的帖子路线来寻找帖子 id 问题是pathFor助手创建这样的路径 ObjectID 52e16453431fc2fba4b6d6a8 我猜 mongoDB 插入已更改 现在 id对象在其内部包含另一个对象 称为 str 这是我
  • 4 级订阅嵌套在流星中

    我正在使用流星 这是我的架构 每个都是一个单独的集合 课程有很多讲座 讲座有很多问题 问题有很多答案 我想要一页可以显示给定课程的讲座 问题和答案 我可以毫无问题地显示课程的讲座 但在显示更多嵌套项目时遇到问题 我理想地希望拥有 讲座有 c
  • 流星内存不足

    我正在使用流星来制作报废引擎 我必须执行一个 HTTP GET 请求 这会向我发送一个 xml 但这个 xml 大于 400 ko 我得到一个异常 内存不足 result Meteor http get http SomeUrl com 致
  • 如何将 CSV 文件中的数据导入到服务器端的 Meteor 集合中

    我正在尝试为我之前的帖子找到解决方案 Mongo 在 Meteor 应用程序中的 id 字段上给出重复键错误 https stackoverflow com questions 28961281 mongo gives duplicate
  • 为什么我的调试器在视觉上停止在错误的行?

    我在用 email protected cdn cgi l email protection email protected cdn cgi l email protection email protected cdn cgi l emai
  • 从一个 Meteor 工作区切换到另一个

    示例 您制作了 todos 示例 并且它正在运行 突然 你想开始一个名为 西瓜 的全新项目 我的假设是我能够cd watermelon run meteor再次 并切换它 并非如此 建议 也许我应该提出这个请求 流星没有出现在jobs要么
  • 如何设计流星智能包以透明地将应用程序分离到不同的实例中?

    这是对于那些非常熟悉 Meteor 架构的人来说的问题 我正在尝试设计一个智能包 可以透明地运行 Meteor 应用程序的多个 副本 也就是说 给定一个现有的 Meteor 应用程序和几个预定义的用户组 该包可以半自动地 隔离 该应用程序
  • 流星 OSX 错误:SQLITE_CANTOPEN:无法打开数据库文件

    我运行了以下命令 meteor create myapp 并收到以下错误消息 错误后重试 Error SQLITE CANTOPEN 无法打开数据库文件 stack Getter 错误后重试 Error SQLITE CANTOPEN 无法
  • 使用 Meteor 中的 D3 访问 csv 文件

    我已经使用 D3 成功渲染了一个 HTML 表格 显示了 csv 文件中的数据 但是当我将相同的代码移入 Meteor 项目时 我遇到了问题 传递到 d3 csv 回调中的数据对象一次拾取 HTML 文件 1 行 而不是 csv 数据 仅当
  • 无法在 Windows 8.1 Pro 上为 Meteor 添加 Iron 路由器包

    我在Windows上安装了meteorhttp win meteor com http win meteor com 我试图通过下载以下存储库在 Windows 8 1 上为 Meteor 安装 Iron 路由器包 git clone ht
  • 我可以订阅 Meteor Session 来获取反应式模板渲染更新吗?

    有没有办法订阅 Meteor Session 对象 以便在 Session 对象上设置数据时自动呈现反应式模板视图 特别是键 名称和值数据 我有一个与迭代时渲染 Meteor Session 对象数据相关的类似问题 这个问题的目的是特别不同
  • 如何在 Meteor 应用程序之间共享 MongoDB 集合?

    我希望能够为我的项目提供一个管理应用程序和一个客户端应用程序 理想情况下 我希望能够拥有一个共享的 MongoDB 集合 我怎样才能做到这一点 我尝试在两个不同的应用程序中创建具有相同名称的集合 但发现 Meteor 会将数据分开 知道我能
  • handlebars:如何访问数组?

    我有以下简化文件 channel Channelname users userId 1 userId 2 userId 3 我如何访问 userId each 像这样循环 each channels channel each channel
  • Meteor:应用程序无法在 0.9.1.1 版本上运行

    出现类似错误 Error TypeError undefined is not a function evaluating Template create anonymous function iron dynamic template j

随机推荐

  • Erlang 中的非终止函数类型

    我正在学习 Erlang 并尝试使用 Dialyzer 在可能的情况下获得最大的类型安全性 有一点不太明白 什么是类型非终止的函数以及如何表示它 spec 有人能解释一下吗 永远循环且永不终止的函数具有返回类型no return 该返回类型
  • Codeigniter PHP - 在锚点加载视图

    我在一个长页面的底部有一个表单 如果用户填写了表单但它不验证页面是否以典型的 codeigniter 方式重新加载 this gt load gt view template data 然而 由于表单位于页面底部 我需要将页面加载到那里 就
  • XML - XSLT 转换 - 生成特殊的“”标签

    我正在转换一些 XML 数据以适合格式为 Excel XML Spreadsheet 2003 的文档 一切正常 但我在生成结果文件的正确标头时遇到问题 它基本上应该是以下形式
  • 解决C++中涉及多重继承和复合类的设计

    我已经为这个设计问题苦苦挣扎了一段时间 我将尽力解释我正在尝试做的事情以及我所看到的各种方法 我正在尝试什么以及为什么 我在科学计算环境中工作 反复处理相同类型的对象 想象一个包含太阳系的星系 每个太阳系都包含行星系统 每个行星系统都包含卫
  • 如何防止 hashmap 或 treemap 替换以前的值

    如果已经存在 如何防止哈希图或树形图替换以前的键值 另外 我想抛出异常来通知用户 任何这样的地图都会违反正常的Map界面 说实话 但如果您愿意这样做 您可以轻松创建自己的Map委托给另一个映射的实现 但仅在检查现有元素是否存在之后 publ
  • CakePHP PaginationRecallComponent,严格 (2048):PaginationRecallComponent::initialize() 声明

    我尝试插入分页调用组件 http bakery cakephp org articles Zaphod 2012 03 27 paginationrecall for cakephp 2 x http bakery cakephp org
  • 自定义 UITableViewCell 错误

    我收到此错误 Terminating app due to uncaught exception NSUnknownKeyException reason
  • 是否可以在 opengrok 中搜索包含大括号的短语?

    我尝试过使用 struct a 和 struct a 之类的东西来查找 a 的声明 但 opengrok 似乎只是忽略了大括号 有没有办法搜索短语 struct a Grok 支持转义查询语法中的特殊字符 当前的特殊字符列表是 To esc
  • 寻找一种从 C++ 调用 Java 的便捷方法

    似乎大多数与 JNI Java 本机接口 相关的文档或帮助程序库都与从 Java 调用本机代码有关 这似乎是它的主要用途 尽管它还有更多功能 我主要想朝相反的方向工作 通过添加一些 Java 库来修改现有的 相当大的 可移植 C 程序 例如
  • 表格外的标题?

    我试图在乳胶中向表格添加标题 但它会抛出此错误 乳胶错误 标题位于浮动之外 从错误中我猜测这意味着它在表之外 但我已经清楚地把它放在里面了 begin tabular c c c c c c caption Table1 Potentiom
  • 无法使用 Runtime.getRuntime().exec 从 jsp 执行 java 程序

    我正在尝试通过 jsp 运行 jar 文件 我使用命令Runtime getRuntime exec java jar file jar 我收到错误Unable to access jarfile file jar当我打印错误流时 我尝试将
  • 如何用 C 语言编写 gRPC 客户端/服务器?

    我有一个用 C 编写的程序 想在其中包含 gRPC 然而 gRPC 的 API 是用 C 编写的 我查看了这里并让 foo client 和 foo server 正常工作 https github com Juniper grpc c t
  • 从 Facebook Account Kit 获取电话号码

    Account Kit 文档指出 如果您使用 AccountKitActivity ResponseType TOKEN 开始登录会话 则可以通过调用 getCurrentAccount 来访问当前帐户的 Account Kit ID 电话
  • 设置 pyodbc 搜索 odbcinst.ini 文件的位置

    我正在尝试使用查询 ODBC 兼容数据库pyodbc in ubuntu 为此 我已经安装了驱动程序 例如 mysql odbc driver 安装后odbcinst ini在该位置创建包含配置的文件 usr share libmyodbc
  • Swift 中的 @autoreleasepool 相当于什么?

    在 Swift 中 我注意到没有 autoreleasepool 构造 尽管 Swift 确实使用了 ARC 在 Swift 中管理自动释放池的正确方法是什么 或者它是否因某种原因被删除 语法如下 autoreleasepool code
  • 从 iOS 设备向 Google App Engine 进行身份验证

    我正在开发一个 iPhone 应用程序 它使用 Google 应用程序引擎来托管后端 我需要通过 Google 进行身份验证 但我似乎无法找到从我的应用程序中执行此操作的方法 看来我要做一个UIWebView让用户登录到我从 Google
  • java.lang.NoSuchMethodError:没有虚拟方法 setTag(Ljava/lang/Object;)

    我刚刚完成使用登录和注册屏幕与齐射的代码 但在模拟器中运行时我收到此错误 java lang NoSuchMethodError No virtual method setTag Ljava lang Object Lcom android
  • 使用 Twitter Bootstrap 将 4 列变为 2 列

    我有一个 4 列流体布局 div class container fluid div class row fluid div class span3 A div div class span3 B div div class span3 C
  • pyspark:聚合列中最常见的值

    aggregrated table df input groupBy city income bracket agg count suburb alias suburb sum population alias population sum
  • 带有 CSS 过渡的 Meteor 模板

    当通过模板助手触发 CSS 转换时 Meteor 似乎会跳过这些转换 有办法解决这个问题吗 Example