Javascript iFrame中的内容在Chrome中显示,但在Firefox中不显示
以下是有关iframe问题的标准问题的答案列表:Javascript iFrame中的内容在Chrome中显示,但在Firefox中不显示,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,以下是有关iframe问题的标准问题的答案列表: 父页面和子页面(iframe中的页面)位于相同的域、子域和目录中 没有通过iframe交换xml、vtt等 服务器是S3,CORS是启用的,但我认为在这种情况下这并不重要 我有一个测验(子页面),可以通过主页(父页面)访问 子:https://glx.s3.amazonaws.com/ff/jqm.html 家长:https://glx.s3.amazonaws.com/ff/draft.html iframe包含在手风琴中。手风琴、测验、ifr
https://glx.s3.amazonaws.com/ff/jqm.html
家长:https://glx.s3.amazonaws.com/ff/draft.html
iframe包含在手风琴中。手风琴、测验、iframe等都使用Chrome功能齐全。在Firefox中,iframe不显示测验。奇怪的是,在极少数情况下,测验确实出现,但一旦刷新,它就会消失。
我有一个没有真实内容的页面演示。iframe以红色文本表示。提前谢谢
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)
修订版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);
});
$(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);
});