使用JavaScript頁面轉換時替代jquery $ {document）.ready（handler）

Question

在我的wordpress網站的一個簡單插件中，我編寫了如下代碼來設置點擊事件：

$(document).ready(function() {
    $("#myButton").click(function() {
        //do stuff
    });
});

當我直接加載相關頁面時，此代碼可以按預期工作。 但是，希望用戶訪問頁面的方式是通過主題標題中的鏈接。 我不太確定主題中頁面過渡的工作方式，但是最終結果是，每當單擊鏈接時，都會發生一些動畫，頁面淡出，新頁面淡入。問題是$（document）。當新頁面淡入時，ready（）不會觸發，因此單擊處理程序不起作用。

如何更改代碼，以便在淡入新頁面時注冊單擊處理程序？

如果有必要查看主題的工作原理，那么我使用的是Bridge主題。 主題的演示版本在此處提供 。

更新：玩完主題頁面過渡后，我懷疑主題正在使用ajax獲取新頁面內容，淡出舊頁面內容，淡入新頁面內容，然后“人為”修改網址以顯示新頁面網址。

Answer 1

如果將click事件綁定到文檔，它將應用於文檔加載后加載或創建的元素。

可以這樣完成：

$(document).on('click', '#myButton', function() { /* ... */ });

Answer 2

您可以使用以下方法之一：

• DOM方式

  window.onload = function（）{//使用DOM做事}

• 直接jQuery翻譯

  $（document）.ready（function（）{//用DOM做事}）;

• jQuery方式

  $（function（）{//用DOM做事}）;