我的 JS 变量在元素存在之前加载，所以它们是空的答案

【问题标题】：My JS variable loading before element exists, so they are empty我的 JS 变量在元素存在之前加载，所以它们是空的
【发布时间】：2022-08-17 23:17:52
【问题描述】：

我正在尝试创建一个脚本来操作 Wordpress 中的 DOM。我的问题是在创建变量时它们显示为空，因为我的脚本在元素存在之前加载。我该如何解决这个问题？我有这个小测试，虽然它说元素存在，但当我在控制台中检查变量时，它返回 0。

非常感谢。

var el2 = jQuery(\".slick-slide\");

if (el2 > 0) {
  console.log(\'element does NOT exist in DOM\');
} else {

  console.log(\'element exists in DOM\');
}

使用文档准备好还是 $function？

标签： javascript jquery

【解决方案1】：

在 jQuery 中，你可以这样做

$(function() {
var el2 = jQuery(".slick-slide");

if (el2 > 0) {
  console.log('element does NOT exist in DOM');
} else {

  console.log('element exists in DOM');
}
});

【讨论】：

【解决方案2】：

文档准备好后尝试创建变量

$( document ).ready(function() {
    var el2 = jQuery(".slick-slide");

....

【讨论】：