無法單擊通過 AJAX 呈現的元素

Question

header 內容通過 Ajax 呈現：

<script>
            $(document).ready(function() {
                var loadingTimer = setInterval(animate_loading, 66);
                $.post('home/load_header', {}, function(data) {
                    clearInterval(loadingTimer);            
                    $("#header_content").html(data);              
                });
            });
        </script>

我正在嘗試訪問.switch_language ，但是當我簽入CTR+U window 時，html 中沒有這樣的東西。 只有上面的JS。 .switch_language存在，但只能在F12/ELements選項卡中找到。 也嘗試了wait(SECONDS) ， waitForSelector 。 每次都Cannot dispatch click event on non-existing element 。

Answer 1

CTRL+U 是查看頁面源，顯示發送到瀏覽器的服務器端 HTML。 它不包含實時 DOM 的結構以及在頁面提供給您之后發生的任何更改——這意味着由 JavaScript 或異步事件（如 Ajax）更改的任何內容。

對於實時 DOM，您應該使用 Web 檢查器（或等效的......不同的瀏覽器稱它略有不同——它是 Chrome 中的 DevTools）。

由於您使用的是 JQuery，因此您可以將事件附加到尚不存在 w/live() 的元素。