Question

我知道这个问题是在其他主题中提出的，但是由于某些原因，我无法在WordPress网站上使用此代码。

if ($(".objectA").html().length == 0) {
  $("#objectB").hide();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="objectA"></div>
<div id="objectB">hide this div</div>

我真的不明白为什么#objectB没有隐藏在我的页面上。当我使用开发人员工具检查代码时，我可以看到它在那里。

Answer 1

尝试更换：

class MainClass
    {    
    static void Main(string[] args)
        {    
            Console.Write("Enter your name : ");
            string Name = Console.ReadLine();
            Console.WriteLine("Hey there, " +Name );
            Console.ReadLine();
            Console.Write("How old are you : ");
            string Age = Console.ReadLine();
            Console.WriteLine(" Hello " + Name + " you are " + Age + "!");
            Console.Write("bank card account number :");
            string AccountNumber = Console.ReadLine();
            Console.WriteLine("Thank you! to confirm, is your account number : " + AccountNumber);
            bool confirmed = Console.ReadLine().ToLower() == "yes";

            if (confirmed) 
            {
                Console.WriteLine("Thank you, we can confirm your details are correct");
            }

            else 
            {
                Console.WriteLine("re enter your details : ");
            }

            Console.ReadLine();
        }
    }

使用：

if ($(".objectA").html().length == 0) {
    $("#objectB").hide();
}

Answer 2

尝试添加文档准备功能。无需单击，页面加载后即可运行文档。

$( document ).ready(function() {
   if ($(".objectA").html().length == 0) {
       $("#objectB").hide();
   }
});

Answer 3

更多搜索后，我自己找到了解决方案。

WordPress不仅接受if($，还需要jQuery(function ($) {。像这样：

jQuery(function ($) {
    if($(".empty-div").html().length ==0)
    {
    $("#deals-wrapper, .listing-details li.vc_tta-tab:nth-child(n+3):nth-child(-n+3)").hide();
    }
});

当另一个div为空时隐藏div

3 个答案: