javascript - 点击后退按钮后未执行 JS 代码

Question

我有这个代码:

// After page is loaded
$(window).bind("load", function () {
    // Avoid flickering
    $('#authentication').removeClass('hidden');
});

为什么“.removeClass('hidden')”仅在页面首次加载时才起作用。如果我导航到另一个页面并点击后退按钮，我的 div ( <div id="authentication" class="hidden"> ) 的“隐藏”类将从 CSS 端应用，但不会使用上面的 JS 代码删除。

有人告诉我这可能是由浏览器缓存造成的。

如何克服这个问题？

Answer 1

如果您使用 Ember.js 路由，则需要将此代码移至 Controller 内，因为您不再有页面加载事件