【发布时间】:2014-01-03 21:55:10
【问题描述】:
在 Meteor 应用程序中,我在客户端有这个:
Meteor.startup(function() {
Deps.autorun(function () {
var p = Session.get("page");
if(!!Session.get(p)) {
_.map(pages, function(p) {
$("." + p).children().remove();
});
$("." + p).append(Session.get(p));
// Assign h2-link to h2's that contain an a
// to customize their appearance in CSS
$("a").parent("h2").addClass("h2-link");
}
});
});
上面的代码从所有的虚拟类中移除了 HTML,并在活动类中附加了一个自定义的 HTML sn-p。
$("a").parent("h2").addClass("h2-link"); 将自定义样式应用于包含链接的h2s。
现在,在 CSS 中将 h2-link 定义为 .h2-link { border-bottom: 1px solid red; } 可以完美运行。
直接通过$("a").parent("h2").css("border-bottom: 1px solid red;"); 是不行的。
为什么当我尝试直接在 DOM 上应用样式时它不起作用?
Meteor 是否禁止 DOM-CSS 应用程序?
【问题讨论】: