流星和jQuery：.css不起作用，.addClass（“ css-class”）有效

Question

在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; } .h2-link { border-bottom: 1px solid red; }效果很好。

直接通過$("a").parent("h2").css("border-bottom: 1px solid red;"); 不起作用。

當我嘗試直接在DOM上應用樣式時，為什么它不起作用？

流星是否禁止DOM-CSS應用程序？

Answer 1

嘗試這個

$("a").parent("h2").css("border-bottom", "1px solid red")