在 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 片段附加到活动类中。
$("a").parent("h2").addClass("h2-link");
将自定义样式应用于包含链接的h2
。
现在,在 CSS 中定义h2-link
.h2-link { border-bottom: 1px solid red; }
可以完美地工作。
直接通过$("a").parent("h2").css("border-bottom: 1px solid red;");
执行此操作是行不通的。
为什么当我尝试直接在 DOM 上应用样式时它不起作用?
Meteor 是否禁止 DOM-CSS 应用程序?
试试这个
$("a").parent("h2").css("border-bottom", "1px solid red")