iFrame中的内容在Chrome中显示,但在Firefox中不显示

以下是有关iframe问题的标准问题的答案列表:

  1. 父页面和子页面(iframe中的页面)位于同一域,子域和目录中。
  2. 没有通过iframe交换的xml,vtt等。
  3. 服务器是S3,CORS已启用,但我不认为这种情况很重要。

我有一个通过主页面(父级)访问的测验(子页面)。

孩子: https://glx.s3.amazonaws.com/ff/jqm.htmlhttps://glx.s3.amazonaws.com/ff/jqm.html

家长: https://glx.s3.amazonaws.com/ff/draft.htmlhttps://glx.s3.amazonaws.com/ff/draft.html

iframe包含在手风琴中。 手风琴,测验,iframe等在Chrome中都function齐全。 在Firefox中,iframe显示没有测验。 更奇怪的是,在非常罕见的情况下,测验确实会出现,但一旦刷新就会消失。 我有一个页面的演示没有真正的内容。 iframe以红色文字表示。 提前致谢。

DEMO

JS :jQuery 2.1.4,jQuery UI 1.11.2,JWPlayer 6.12,jQuizMe 2.2.1

更新 :我不是在考虑这个答案*只是解决我的具体问题。 我知道除此之外必须有更多的东西,并且有很多比我更聪明的人有更好的答案。

*见下面的编辑。

编辑

4个月后,除了我自己之外没有任何答案,所以我会自己回答。

我发现这篇文章让我了解了Firefox如何阻止iframe内容,如果它是SSL加密网站上的未加密内容。 但是,我的所有url都是https,包括iframe的`src’。 所以最终我把它缩小到了子页面的源头。 我在初始化jQuizMe插件时使用了3组选项,而只需要一个。 Firefox混合内容拦截器的严格安全性将我的草率代码视为混合活动内容(又称混合脚本内容) 。 因此,我将所有选项放在一组括号中,现在我在使用Firefox时在iframe中有内容。

JS

子页面上的旧JS(jqm.html)

 $(function($){ var options = { numOfQuizQues: 12, disableDelete: true, showWrongAns: true, showAns: true, review: true }; var quiz = { multiList: [ { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, ], }, options = { allRandom: true, title: ' ' }; options.showHTML = true; $(".quizArea").jQuizMe(quiz, options); }); 

修改JS

 $(function($){ var quiz = { multiList: [ { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, { ques: "QUESTION?", ans: "C", ansSel: ["A","B","D","E"] }, ], }, options = { allRandom: true, title: ' ', numOfQuizQues: 12, disableDelete: true, showWrongAns: true, showAns: true, review: true, showHTML: true }; $(".quizArea").jQuizMe(quiz, options); });