如何向 Meteor 中的 body 元素添加 CSS 类?

2023-11-23

我正在启动一个 Meteor 项目,我想在不同的页面上使用不同的 body css 类。如果我向 body 添加一个 css 类,我会得到:

Attributes on <body> not supported

我发现的唯一方法是使用 JS 添加类。有一个更好的方法吗?


标准做法是在相应的路径挂钩中设置主体类:

Router.map(function() {

  this.route('someRoute', {
    path: '/someAddress',

    onBeforeAction: function() {
      $('body').addClass('someRouteBodyClass');
      this.next();
    },

    onStop: function() {
      $('body').removeClass('someRouteBodyClass');
    },

    ...
  };

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

如何向 Meteor 中的 body 元素添加 CSS 类? 的相关文章

  • 输入类型=图像 - onclick(),将触发其事件,但在 jquery 中的函数上表现不佳

    我认为这可能是两篇文章 2个问题 所以如果你对此发表评论 我会将它们分开 主要问题实际上是 我怎样才能为按钮设置图像背景 简单且正确 我想现在我可以确定这些事实了 因为我在将图像设置为按钮背景时遇到了 小 问题 我想 好吧 如果很难设置的话
  • 使用画布仅删除文本而不删除图像

    我正在尝试删除画布元素中的文本 而不丢失Background Image of the Canvas Element 我想我需要保存Imagesrc并把它还给Canvas Element之后clearRect 但我不知道该怎么做 我希望有人
  • 将父容器扩展至 100% 高度以容纳浮动内容

    我正在为一个客户项目而苦苦挣扎 我的全部divs 没有绝对定位 height 100 for html body 和容器divs 但静态内容未达到其内容 在 910 像素处 我可以将溢出属性更改为auto 并且背景会继续向下到内容的末尾 但
  • JSF 2.1 中的 HTML 4 <按钮>

    我想使用以下命令 The JSF
  • 使用deployJava.runApplet来定位特定元素

    经过多年成功维护一个使用旧有的小程序 嵌入Java小程序的方法 我们无法捂住耳朵唱 啦啦啦 不再了 是时候使用 deployJava runApplet 当我使用点击处理程序触发此方法时 此处通过 jQuery 在按钮上使用事件侦听器 但这
  • div 边框上的内边距

    我想在 css 边框上添加填充 将其拉入 div 内 远离边缘 使用 css 可以吗 css3 很好 webkit 这是设计 我通过将一个 div 放在一个 div 中 然后给内部 div 一个边框来做到这一点 我想让标记尽可能精简 所以如
  • 在 HTML5 中创建可拖动和可缩放的网格

    与其他 HTML5 不同如何创建网格问题 我想知道如何制作一个可拖动且可扩展的 绘制网格非常简单 var c document getElementById canvas var ctx c getContext 2d var width
  • 如何通过单击图像预览上的“x”从文件输入中删除图像?

    我目前有一个文件输入 一旦用户上传图像 就会显示图像预览 在图像预览上 有一个 x 可以从列表中删除图像预览 单击此 x 后 有什么方法可以从输入中的文件集中删除图像吗
  • HTML5 历史 API

    我如何使用 HTML5 历史 api 我确实经历过https developer mozilla org en DOM Manipulated the browser history https developer mozilla org
  • 用隐藏单元格补充 colspanned 表格有什么不好吗?

    我一直在表格上开发一些排序和选择功能 我发现在具有跨单元格的表格中定位非常困难 我只是添加了跨区单元格并将其隐藏 它看起来不错 它与我的 js 一起工作 非常适合索引 但我想知道这是否是合法的方法 stuffing display none
  • Modernizr - 加载 polyfills / 使用自定义检测的正确方法

    我想在网页上使用一些新的 HTML5 表单属性和输入类型 有些浏览器已经支持它们 有些浏览器不支持 也永远不会支持 这就是我想使用 Modernizr 的原因 这就是我的麻烦开始的原因 据我了解 Modernizr 本身并不是一个 poly
  • 在网页上的文本框中键入内容时删除所有空格

    我如何在用户打字时即时删除输入到文本框中的空格 function var txt myTextbox var func function txt val txt val replace s g txt keyup func blur fun
  • 防止浮动换行,直到元素达到最小宽度

    我有可变宽度的 HTML 布局 内容左侧有一个固定宽度的菜单 div 可变宽度 由 css max width 和 min width 设置 对于非常窄的浏览器窗口 我希望内容包裹在菜单下方 我目前通过设置来实现这一点float left在
  • 为什么需要重置浏览器?

    好吧 我知道这可能不是最好的标题why我们需要重置浏览器 因为浏览器有不同的默认设置 我的问题太长 无法放入标题中 如果每个人 90 的时间都需要使用重置样式表 为什么浏览器需要设置默认样式 无论如何我们都会删除它们 对吗 因为某些规则默认
  • 动画进度元素值

    我有一个progress元素 该元素如下所示 div class container div div div
  • 如何使用 JavaScript 获取没有 HTML 元素的纯文本?

    我的 HTML 中有 1 按钮和一些文本 如下所示 function get content I don t know how to do in here
  • 如何通过php获取网页的Open Graph协议?

    PHP 有一个简单的命令来获取网页的元标记 get meta tags 但这仅适用于具有名称属性的元标记 然而 开放图谱协议如今变得越来越流行 从网页获取 opg 值的最简单方法是什么 例如 我看到的基本方法是通过 cURL 获取页面并使用
  • Jquery 中的动态滚动位置

    请帮助我解决以下情况 我有 3 个页面 当滚动到达第二页时 用户滚动页面 它必须找到特定的 ID 然后触发一个函数 一旦第三页开始 另一个函数就会触发 根据要求我不应该使用任何插件
  • 如何延迟加载嵌入在 iframe 上的 YouTube 视频?

    如何将延迟加载应用于iframe嵌入视频 我尝试添加loading eager loading auto and loading lazyload 您可以使用srcdoc你里面的属性iframe标签来加载图像 请参阅以下示例作为参考
  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch

随机推荐

  • 二维数组到对象 (JavaScript)

    我有一个数组 其中包含大量二维数组 var myArray 2260146 2334221 copy 1226218 2334231 copy 2230932 1 copy 2230933 1 copy 2230934 1 copy 我需要
  • Java 正则表达式 1=1

    我需要寻找 java 正则表达式模式 该模式查找格式为 1 1 的输入字符串 其中 的前缀应与后缀具有相同的位数 另外 这里前缀和后缀值应该相同 例如 1 1 11 11 223 223 1 2 3 22 33 22 等值不应与模式匹配 我
  • Opengl:使用单通道纹理作为Alpha通道来显示文本

    我想做的是将纹理从单通道数据数组加载到硬件中 并使用它的 Alpha 通道将文本绘制到对象上 我正在使用opengl 4 如果我尝试使用 4 通道 RGBA 纹理来执行此操作 它工作得非常好 但无论出于何种原因 当我尝试在单个通道中加载时
  • MVC3 Razor:从视图调用 javascript 函数

    我是 MVC3 Razor 的新手 想要在视图 index cshtml 上显示运行时间 我使用 javascript 函数并将其放入 Layout cshtml 中 以便所有其他 主页 视图都可以使用它 请参阅以下代码片段 Content
  • 在 R 中按周对日期进行分组

    我希望根据他们的周来标记我的数据 这是我的数据 df2 lt structure list Order Date structure c 16735 16805 16753 16830 17075 17009 17085 16740 168
  • 如何对 libgdx Stage 中的 Actor 进行排序?

    我在对 LibGdx Stage 对象中的 Actor 进行排序时遇到问题 当舞台被渲染时 图像将按照添加的顺序进行渲染 Stage 使用数组来保存 Actor 我尝试过设置每个 Actor 的 ZIndex 但仍然无法排序 然后我尝试创建
  • 重新初始化后 OpenCV 3 Tracker 将无法工作

    我在使用 OpenCV 3 跟踪模块进行跟踪时遇到问题 它的行为是相同的 我使用接口类 cv Tracker 或带有实现的类 如 cv TrackerMedianFlow 或 cv TrackerMIL 等 示例是 OpenCV 示例文件夹
  • Maven:m2eclipse:禁用工作区解析导致工件丢失

    我的 Eclipse 工作区中有项目 A 它依赖于项目 B 和 C 有时我希望 A 使用存储库中的工件 B 和 C 而不是工作区中的版本来运行 因此 我选择 A 然后选择 Maven gt 禁用工作区解析 以便 A 将使用存储库中的版本 但
  • 这是“正确”的数据库设计吗?

    我正在使用新版本的第三方应用程序 在这个版本中 数据库结构发生了变化 他们说 以提高性能 旧版本的数据库的一般结构如下 TABLE ENTITY ENTITY ID STANDARD PROPERTY 1 STANDARD PROPERTY
  • GCC 中的 C++0x 正则表达式

    以下代码 include
  • 如何在反应中单击时切换唯一一个元素的类

    我正在尝试在 React 中制作一组翻转的卡片 你可以在下面看到我的代码 当我点击卡片时 它们都会翻转 但我的目标是只翻转我点击的卡片 我怎样才能做到这一点 这是我的卡片组件 import React from react export d
  • Chrome 扩展内的 jQuery.ajax 调用失败

    我正在将我的 Firefox 扩展之一移植到 Chrome 但在 AJAX 查询方面遇到了一个小问题 以下代码在 FF 扩展中工作正常 但在 Chrome 中失败并显示状态 0 function IsImage url var isImag
  • 如何从docker容器访问Host机器的localhost 127.0.0.1

    我在本地主机上托管了 Git 守护进程 即 usr bin git daemon listen 127 0 0 1 base path opt as a systemd服务 我正在尝试从 docker 容器访问它 我没有提到该端口 因为我不
  • 在编译时检查模板参数是否无效

    当我选择时 我尝试包装 Windows API 函数来检查错误 正如我在之前的 SO 问题中发现的 我可以使用模板函数来调用 API 函数 然后调用GetLastError 检索它可能设置的任何错误 然后我可以将此错误传递给我的Error类
  • 无法解析 Firebase 身份验证 15.0.0

    我是 android 开发环境的新手 我需要将我的应用程序连接到 firebase 但我收到此错误 无法解析 firebase auth 15 0 0 该错误在语句中显示 implementation com google firebase
  • 在 Netty 客户端上发送多个异步请求

    首先 让我解释一下上下文 我必须创建一个客户端 它将发送许多 HTTP 请求来下载图像 这些请求必须是异步的 因为图像一旦完成 它就会被添加到队列中 然后打印到屏幕上 由于图像可能很大并且响应会分块 因此我的处理程序必须将其聚合到缓冲区中
  • 导入错误:没有名为 downsample 的模块

    我正在使用 Theano 操作系统是Ubuntu Theano 是最新的 我想知道为什么我能过得去from theano tensor signal downsample import max pool 2d命令 ImportError N
  • PDO FETCH_CLASS 和命名空间问题

    我正在尝试在对象上使用 PDO FETCH CLASS 我正在使用命名空间并只需输入 result query gt fetchAll PDO FETCH CLASS Product or result query gt fetchAll
  • Swift 中从 userInfo 获取键盘大小

    我一直在尝试添加一些代码以在键盘出现时向上移动我的视图 但是 我在尝试将 Objective C 示例转换为 Swift 时遇到问题 我已经取得了一些进展 但我仍停留在某一特定路线上 这是我一直在关注的两个教程 问题 如何使用 Swift
  • 如何向 Meteor 中的 body 元素添加 CSS 类?

    我正在启动一个 Meteor 项目 我想在不同的页面上使用不同的 body css 类 如果我向 body 添加一个 css 类 我会得到 Attributes on not supported 我发现的唯一方法是使用 JS 添加类 有一个