在浏览器中刷新页面后，jQuery 不会在 Meteor 应用程序上触发答案

【问题标题】：jQuery does not trigger on Meteor Application after you do a page refresh in the browser在浏览器中刷新页面后，jQuery 不会在 Meteor 应用程序上触发
【发布时间】：2018-04-15 04:02:21
【问题描述】：

我正在尝试将this codepen 实现到我使用 blaze 运行的 Meteor 应用程序中。

我遇到了一个问题，如果我在页面刷新后单击浮动操作按钮，什么都不会发生。

如果我离开页面然后返回它工作正常。但是每次我 Ctrl + R 或通过点击刷新按钮刷新浏览器时，jQuery 将不再运行。

我对 CodePen 代码的实现几乎完全相同，因此我将这个问题缩小到 Meteor 及其呈现模板的方式。

到目前为止，我已经尝试了一些方法：

1) 将其放入 $(window).load()

2) 放入 $(document).ready()

3) 我把它放在了 Template.onRendered 函数之外

这是单击加号按钮时应该运行的 jQuery，完整代码也在 CodePen 链接中

$(".action").click(function(){
        // $(".content1").addClass("inactive").delay(200).fadeOut(0);
        $(this).addClass("active");
        $(this).closest("div").find(".content2").fadeIn(0).addClass("active");
    });

 $(".close").click(function(){
        $(".content2").removeClass("active").delay(300).fadeOut(0);
        $(".action").removeClass("active");
        // $(".content1").fadeIn(0).removeClass("inactive");
    });

【问题讨论】：

标签： javascript jquery html meteor meteor-blaze

【解决方案1】：

好的，所以我把那个 jQuery 放在事件部分并且它工作了。

Template.TempName.events({    
'click .action': function (event, instance) {
            alert('hello');
            // $(".content1").addClass("inactive").delay(200).fadeOut(0);
            $('.action').addClass("active");
            // $(this).closest("div").find(".content2").fadeIn(0).addClass("active");
        },
});

【讨论】：