【问题标题】：Javascript will change to html after saving page in elementor在 elementor 中保存页面后，Javascript 将更改为 html
【发布时间】：2022-07-28 23:11:27
【问题描述】：

我想显示页面的特定部分，并希望通过单击按钮来更改它。

当我插入我的 javascript 时，一切看起来都很好

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>

var $ = jQuery
$(document).ready(function(){
    $('[data-showme]').on('click', function(){
        var showme = $(this).attr('data-showme')
        
        $('.variant_picker').hide()
        $('#' + showme).show()
    })
})
</script>

但是在我保存 javascript 之后会变成这样：

    <a href="https://code.jquery.com/jquery-3.6.0.min.js">https://code.jquery.com/jquery-3.6.0.min.js</a>
var $ = jQuery
$(document).ready(function(){
    $('[data-showme]').on('click', function(){
        var showme = $(this).attr('data-showme')
        
        $('.varianta_picker').hide()
        $('#' + showme).show()
    })
})

我将 wordpress 与 elementor pro 一起使用并使用了 html 块。

【问题讨论】：

你试过用<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"/>替换第一行

标签： javascript wordpress elementor

【解决方案1】：

在 WordPress 中维护 JavaScript sn-ps 通常比在页面内容本身（位于数据库中）更好。

为什么？有很多东西在渲染之前“接触”了代码（核心 php 挂钩、主题 php、插件 php、数据库工具、缓存等）。这可能会导致奇怪的行为，具体取决于您的特定堆栈。

测试

也就是说，当与默认 WP 主题一起使用且在最新 WP 版本上没有其他插件时，HTML 块可以正确呈现以下内容：

JavaScript 被添加到页面内容中

JavaScript 按预期执行

建议

首先，（通常在解决奇怪的 WP 行为时）禁用所有插件，启用默认（222）主题，更新 wordpress，然后再试一次。在确定导致问题的原因之前，您需要限制变量。

接下来，尝试另一种方法来维护代码 sn-ps。示例：创建自定义插件（比听起来简单）、创建子主题并将代码放在页眉或页脚中，或者使用预构建的插件进行自定义 JavaScript/CSS 编辑。

https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/ https://wordpress.org/plugins/code-snippets/

【讨论】：