1

我正在尝试向一个 DOM 元素添加一个类，该元素是我所有 DOM 树的父级。我尝试了不同的方法：

//this one doesn't work at all. DOM is not loaded
Template.home.created = function() {
    Meteor.startup(function() {
        $("#wrapper").addClass('app');
   });
}

//this one only works if you do a page load, not if you render the template through a link (using router)
Template.home.created = function() {
    Meteor.startup(function() {
        $(document).ready(function() {
            $("#wrapper").addClass('app');
        });
   });
}

//also does not work if I click on a link
Template.home.created = function() {
    $(document).ready(function() {
        $("#wrapper").addClass('app');
   });
}

//does not work at all (I really expected this one to work by clicking on a link (using router))
Template.home.created = function() {
    $("#wrapper").addClass('app');
   });
}

我要做的再简单不过了：添加一个类，以便我可以根据每个模板设置我的包装器样式。任何有关如何执行此操作的建议将不胜感激。

4

2 回答 2

5

当模板实例被初始化但不等待 DOM 准备好进行操作时，会调用模板创建方法。

使用模板渲染方法，该方法将在模板渲染 DOM 时调用（第一次加载一次，每次模板内的标记更改时）

像这样的东西应该可以工作（尚未测试）：

Template.home.rendered = function(){
    var element = $("#wrapper");
    if(!element.hasClass("app")){
        element.addClass("app"); 
    }
}
于 2013-10-20T04:41:36.827 回答
2

尝试使用Template.home.rendered而不是Template.home.created. 不要使用Meteor.startup或$(document).ready在其中。

http://docs.meteor.com/#template_rendered

Template.home.created在创建模板对象时调用，但此时尚未将任何内容渲染到 dom 节点中。

于 2013-10-20T04:38:08.110 回答