内容安全策略 + 表单插件

Content security policy + Form plugin

本文关键字：表单 插件 安全策略      更新时间：2023-09-26

我在没有代码的情况下发布这个问题，因为我无法访问它 atm，但可以在此处查看相关网页：

http://sensing-precision.com/equipment-hire/

我在可链接的 DIV 中有内容，这些内容包装在带有 DIV 的 DIV 中 

display:none

设置为内容不可见。我正在使用jQuery脚本将隐藏内容加载到目标DIV中：

ITarget

我的问题是查询表格。我在Wordpress上使用一个名为Ninja Forms的插件，表单工作正常。在将其嵌入此页面之前，我已经对其进行了测试。但是，由于某种原因，将其放在此"隐藏"内容部分中并在单击"查询表"链接时通过jQuery加载它会导致错误。点击提交按钮，看看我的意思。

现在我最近通过.htaccess文件设置了内容安全策略，我感觉我没有设置我需要设置的东西。

我已经包括了

'self' 'unsafe-inline' and 'unsafe-eval'

在网站所需的特定外部站点之间的脚本-src中。但是我无法理解为什么如果我简单地将此表单嵌入到单独的页面上，甚至在隐藏内容 DIV 之外的同一页面上，它就可以正常工作。但是隐藏表单并将其加载到目标 DIV 会导致 JavaScript 错误？？

Javascript 不能针对用 display:none 初始化的元素的子元素。您可以尝试设置visibility:hidden，或者让它正常加载并使用javascript将其隐藏，即。

$(document).ready(function($){
  $(".yourdiv").hide();
)};

我不确定这是否一定能解决您的问题，因为它看起来像是服务器端失败。你能在小提琴中发布一个更完整的例子吗？

相关文章：