javascript - meteor 不运行 jQuery

Question

我有这个 jQuery 代码

if (Meteor.isClient){

jQuery(document).ready(function(){

    jQuery('#content .row > div').mouseenter( function(){
        jQuery('#content .row div .edit').toggle();
    });

    jQuery('#content .row > div').mouseleave( function(){
        jQuery('#content .row div .edit').toggle();
    });
});

}

当我运行我的应用程序时，这是行不通的。如果我将其放入 chrome 控制台，它会完美运行。有什么问题？

这也发生在不同的代码之前。

Answer 1

您的代码会向执行代码时存在的 DOM 元素添加回调。但是，Meteor 稍后会在呈现模板时向页面添加内容。以下是应该如何完成:

选项 1)使用 meteor 事件

Template.asdf.events({
    'click .classname': function(e) {
        ...
    }
});

选项 2)在极少数情况下，您需要的东西不能以以前的方式工作，将 JQuery 东西放在 rendered 回调中:

Template.asdf.rendered = function(){
    _.each(this.findAll('.classname'), function(element){
         $(element).on('mouseenter', function(){...});
    });
};

选项 3)在极少数情况下，当您需要对所有页面进行一些特殊处理时，使用 JQuery 实时绑定(bind)

Meteor.startup(function(){
    $('#content .row > div').on('click', function(){...});
});