在頁面刷新或后退/前進瀏覽器導航時重置下拉列表

Question

是否有一個簡單的命令來重新啟動所有或一些包含的javascripts？ 我遇到的問題是，通過刷新頁面或按下瀏覽器中的后退/前進鍵，一些javascripts看起來像緩存。

它可能像codepen一樣嗎？

更新：我發現，這對我的“下拉”來說只是一個問題。 所以我必須重置它們，如果我刷新瀏覽器和/或按后退/前進。 任何簡單的方法？

更新：好的，這對我有用：

$(':input').not(":button").val('');
  });

Answer 1

不，我發現這是一個“下拉”問題 - 所以，我想通過瀏覽器刷新和/或前進/后退來重置它們。

要將下拉列表重置為默認值，您可以使用：

$(window).on("pageshow", function() {
    $('select').prop('selectedIndex', function () {
        var selected = $(this).children('[selected]').index();
        return selected != -1 ? selected : 0;
    });
});

Answer 2

這是因為當您單擊后退按鈕時，瀏覽器使用了頁面的緩存版本，它被稱為bfcache 。

您可以嘗試添加一個空的卸載處理程序，如$(window).unload(function(){}); 禁用緩存。

更多信息： http ： //madhatted.com/2013/6/16/you-do-not-understand-browser-history