Question

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

我遇到了一个问题，如果我在页面刷新后单击浮动操作按钮，则不会发生任何事情。

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

我对CodePen代码的实现几乎完全相同，所以我已经将这个问题缩小到Meteor以及它呈现模板的方式。

到目前为止，我已尝试过一些事情：

1）把它放在$（窗口）.load（）

中

2）加入$（文件）.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");
    });

Answer 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");
        },
});

在浏览器中进行页面刷新后，jQuery不会在Meteor Application上触发

1 个答案: