将div插入到另一个用于移动设备的静态div中

Question

我有一个WordPress网站，我想在移动标题div之后添加第二个标题行。

当我使用设备工具栏作为移动设备在Chrome控制台中插入代码时，它可以正常工作。

$(".headerMobileDiv").append("<div class='container'> Sample Text </div>");

但是，当我尝试将此代码添加到页眉或页脚部分时，它不起作用。 js代码的实现没有问题。

Answer 1

也许您需要用

包裹起来

$(document).ready(function(){ 
    $(".headerMobileDiv").append("<div class='container'> Sample Text </div>");
});

您要附加到的元素可能尚未加载

Answer 2

$( document ).ready(function() {
    $(".headerMobileDiv").append("<div class='container'> Sample Text </div>");
});

默认情况下，JavaScript不知道何时执行：您必须告诉它何时执行。此示例将在$(document).ready()上执行，这意味着页面加载完毕。