无法点击通过 AJAX 呈现的元素

Question

标题内容通过 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 窗口时，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 Inspector（或等效的...不同的浏览器称它略有不同——它是 Chrome 中的 DevTools）。

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