存根元素在就绪函数中无效

是指在前端开发中，当使用JavaScript的就绪函数（如DOMContentLoaded或jQuery的$(document).ready()）来执行代码时，对于动态生成的存根元素，这些就绪函数无法直接对其进行操作或绑定事件。

存根元素是指在页面加载完成后，通过JavaScript动态生成的元素。由于就绪函数只会在页面初始加载完成后执行一次，所以对于后续动态生成的存根元素，就绪函数无法直接捕捉到它们的存在。

为了解决这个问题，可以使用事件委托（event delegation）的方式来处理存根元素。事件委托是指将事件绑定到一个父元素上，然后通过事件冒泡的机制来触发处理函数。这样无论后续生成的存根元素如何变化，只要它们是父元素的子元素，就能够被正确地处理。

以下是一个示例代码，演示了如何使用事件委托来处理存根元素：

// HTML结构
<div id="parentElement">
  <!-- 存根元素 -->
  <div class="stubElement">存根元素1</div>
  <div class="stubElement">存根元素2</div>
  <div class="stubElement">存根元素3</div>
</div>

// JavaScript代码
document.getElementById('parentElement').addEventListener('click', function(event) {
  if (event.target.classList.contains('stubElement')) {
    // 处理存根元素的点击事件
    console.log('点击了存根元素：', event.target.textContent);
  }
});

在上述代码中，我们将点击事件绑定到父元素parentElement上，并通过判断事件的目标元素是否具有stubElement类来确定是否点击了存根元素。这样无论后续生成了多少个存根元素，只要它们是parentElement的子元素，并且具有stubElement类，就能够被正确地处理。

推荐的腾讯云相关产品和产品介绍链接地址：