需要帮助在divi部分中加入一段代码

Question

在Wordpress的Divi页面构建器中，您可以添加类和ID或ID到一个部分。但我无法找到一种方法来将任何内联代码添加到页面构建器然后放入构成页面的html中的标记。

我正在尝试使用Divi将midnight.js插件添加到Wordpress网站，为此我需要添加内联javascript代码......

<div data-midnight="white">

这是divi builder在页面上放置的div代码：

<div class="et_pb_section et_pb_section_parallax  et_pb_section_3 et_section_regular">

我需要在此代码的末尾添加data-midnight="white"

有谁知道我能这样做的方法吗？

Answer 1

如果您只是尝试添加内联代码，则可以使用Divi提供的代码模块。只需确保将任何JavaScript放在<script>标记内。

您可以尝试使用setAttribute()。因此，如果您想要更改＆＃34; div_current_id＆＃34;至＆＃34;日期 - 午夜＆＃34;作为ID，您可以这样做：

var foo = document.querySelector("div_current_id");
foo.setAttribute("id", "date-midnight");

Answer 2

如果您将这个已加载的js文件或<script>标记添加到HTML代码中，它应该将所需的属性添加到该元素中：

$(document).ready(function() {
  $(".et_pb_section.et_pb_section_parallax.et_pb_section_3.et_section_regular").attr("data-midnight", "white");
});

选择具有所有这些类合并的元素，并将具有指示值的属性添加到其中。