內容安全策略+表格插件

Question

我張貼這個問題沒有代碼，我沒有把它接入ATM，但該網頁關心可以參考這裏：

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

我有內容包含在DIV中的可鏈接DIV與

display:none 

設置爲使內容不可見。我正在使用jQuery腳本啓用將隱藏內容加載到目標DIV中：

ITarget 

我的問題是查詢表單。我在Wordpress上使用名爲Ninja Forms的插件，表單工作正常。在將其嵌入到此頁面之前，我已對其進行了測試。但是，由於某種原因，將它放在這個「隱藏的」內容部分，並通過點擊「查詢表單」鏈接時通過jQuery加載它會導致錯誤。點擊提交按鈕查看我的意思。

現在我最近通過.htaccess文件設置了內容安全策略，我感覺我沒有設置我需要設置的東西。

我已經包括了

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

在該網站所需的特定外部網站之間的腳本-SRC

。但我無法理解，爲什麼如果我將這種形式簡單地嵌入到頁面上，或者甚至隱藏在DIV外部的同一頁面上，它就能正常工作。但隱藏表單並將其加載到目標DIV會導致javascript錯誤？

Answer 1

Javascript不能將子元素的初始化爲display:none。您可以嘗試設置visibility:hidden，或者正常加載並使用javascript隱藏它，即。

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

我不確定這是否能夠解決您的問題，儘管它看起來像是服務器端的故障。你能在小提琴中發佈更完整的例子嗎？