Question

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

我在可链接的DIV中有内容，这些DIV用

包装在DIV中

display:none

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

ITarget

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

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

我已经包含了

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

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

Answer 1

Javascript无法定位使用display:none初始化的元素的子元素。您可以尝试设置visibility:hidden，或者正常加载并使用javascript将其隐藏，即。

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

我不确定是否必然会解决您的问题，因为它看起来像是服务器方面的失败。你能用小提琴发一个更完整的例子吗？