JS适用于Chrome,但不适用于Firefox

l

几周前,大约在我向该站点添加SSL证书时,该脚本已在FireFox中停止工作。我已经确认SSL到处都在使用,并且我尝试禁用所有最近安装的插件,但无济于事。

我已经使用Web Console进行了查看,但那里也没有看到任何错误-尽管我对此没有很丰富的经验。

我还在这里查看了其他有关在Chrome中运行js而不是在FF上运行js的主题,但是所提出的解决方案似乎都不适用于我的脚本。

问题是js显然根本没有被调用-它应该显示在简介和“共享”图形之间。

有任何想法吗?

这是应该显示的页面,在文本和“共享”图形之间:测验

这是js文件:Javascript

这是代码:

$.each(questions, function (key, value) { 
//console.log( key + ": " + value.question );        question = value.question;
    qtype = value.qtype;
    opts = value.opts;
    answer = value.answer;
    special = value.special;        $('#quiz-form').append('<p>&#160;<br>' + parseInt(key + 1) + ") " + question + '</p>');        if (qtype == "radio")
{       opt_array = opts.split(',');       for (i = 0; i < opt_array.length; i++)
{      $('#quiz-form').append('<p><input data-ftype="radio" type="radio" name="question_' + key + '" class="question_' + key + '" value="' + opt_array[i] + '"> ' + opt_array[i] + ' </p>');           }
} else if (qtype == "checkbox"}
else if (qtype == "checkbox")
{
   opt_array = opts.split(',');
   for (i = 0; i<opt_array.length;i++)
{
    $('#quiz-form').append('<p><input data-ftype="checkbox" type="checkbox" name="question_' + key + '" class="question_' + key + '" value="'+ opt_array[i] + '"> ' + opt_array[i] + '</p>');
}
}
    else if (qtype == "input")
{

    $('#quiz-form').append('<p><input data-ftype="text" name="question_' + key + '" type="text" class="question_' + key + '" value="" style = "border:1px solid"  ></p>');
}        $('#quiz-form').append('<p><input name="answer_' + key + '" type="hidden" value="' + answer + '" class="answer_' + key + '"   ></p>');
    $('#quiz-form').append('<p class="special" id="special_' + key + '" ><strong>Correct answer(s): ' + answer + '</strong> » Explanation: ' + special + '</p>');
});
    $('#quiz-form').append('<p>All done? Check your answers: <input name="submit" id="submit" type="button" value="Submit"></p>');        $('#quiz-form').append('<p>Want another chance? <input name="refresh" id="refresh" type="button" value="Start over"></p>');        $( "#quiz-form" ).on( "click", "#submit", function() {


quest_numb = questions.length;

user_answers = new Array();
real_answers = new Array();   
for (i = 0; i <quest_numb;i++) 

{

if ($("input[name ='question_" + i + "']").data('ftype')=='radio')     {       user_answers.push($(":input[type='radio'][name ='question_" + i + "']:checked").val());      }      if ($("input[name ='question_" + i + "']").data('ftype')=='text') {       user_answers.push($(":input[type='text'][name ='question_" + i + "']").val());      }      if ($("input[name ='question_" + i + "']").data('ftype')=='checkbox') {
  var chkArray = [];
     $(".question_" + i + ":checked").each(function() {
  chkArray.push($(this).val());
 });   var selected = chkArray.join(',')
 user_answers.push(selected);      }        real_answers.push($(":input[type='hidden'][name ='answer_" + i + "']").val());      // alert($(":input[type='text'][name ='question_"+i+"']").val());

 }

 points=0;
 message='<div id="results">';
 inc=1;
 for(i=0;i<real_answers.length;i++) {
 if (typeof user_answers[i]=='undefined' || user_answers[i]=='') 
{   //message+='<p>'+parseInt(i+1) + ')' +' You didn't answer this     question.</p>';
  $('#special_'+i).text(i+inc+') '+'You didn\'t answer this question.');
  $('#special_'+i).show();
  $(":input[name ='question_"+i+"']").prop('disabled',true);
 }

  else if( user_answers[i].toLowerCase().trim()==real_answers[i]) 
  {


points++;
//message+='<p>' +parseInt(i+1)  + ')' +' Très bien !</p>';
$('#special_'+i).text(i+inc+') '+'Très bien !');
  $('#special_'+i).addClass('correct');
  $('#special_'+i).show();

 }   else 
 {

  $('#special_'+i).text($('#special_'+i).text().replace(i+inc+') '+' ',''));
  $('#special_'+i).prepend(i+inc+') '+' ');
  $('#special_'+i).show();
 }

 }
 message+='<p> Your score: ' + points + '/' + real_answers.length + '</p>';percent=points*100/real_answers.length;if(percent>=90) 
 {
   message+='<p> Chapeau !</p>';

 }
 if(percent>=80 && percent<90) 
 {
 message+='<p> Très bien !</p>';

 }if(percent>=60 && percent<80) 
 {
 message+='<p> Pas mal.</p>';

 }if(percent>=40 && percent<60) 
 {
 message+='<p> Houp ! Il faut étudier un peu plus.</p>';

 }
 if(percent<40) 
 {
   message+='<p> Oh là là - il faut étudier !</p>';

}message+='</div>';
    $('#quiz-form #results').remove();
    $('#quiz-form').prepend(message);
$("html, body").animate({ scrollTop: 0 }, "slow");

 });
    $( "#quiz-form" ).on( "click", "#refresh", function() {
 location.reload();
 window.scrollTo(0,0);
 });
});function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
   var vars = query.split("&");
   for (var i = 0; i<vars.length;i++) {
           var pair = vars[i].split("=");
           if (pair[0] == variable){return pair[1];}
   }
       return(false);
 }
马特·纽维尔斯基

在您的代码中经常发生许多JS错误。首先,您需要修复不安全的文件引用,因为您使用的是SSL,因此不会加载此类文件-将其更改为相对路径或将HTTP替换为https:

<script src="http://www.feedblitz.com/js/tinybox2/tinybox.js" type="text/javascript">

如果不确定如何在浏览器中查看这些错误,请参阅以下任何文章:

https://developer.chrome.com/devtools https://developer.mozilla.org/en/docs/Tools/Web_Console

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JS适用于Chrome,但不适用于Firefox

来自分类Dev

JS适用于Firefox和Safari,但不适用于Chrome。这是我的网站

来自分类Dev

jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

来自分类Dev

JavaScript适用于Chrome,但不适用于Firefox

来自分类Dev

JScript Button适用于Chrome,但不适用于Firefox

来自分类Dev

HTML呈现问题-适用于Mozilla Firefox,但不适用于Google Chrome

来自分类Dev

内对焦适用于chrome,但不适用于Firefox

来自分类Dev

CSS规则适用于IE,但不适用于Chrome / Firefox

来自分类Dev

jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

来自分类Dev

D3强制布局适用于Chrome,但不适用于Firefox

来自分类Dev

适用于chrome,但不适用于Firefox,Eventlistener,appendChild和style.backgroundColor

来自分类Dev

JavaScript适用于Chrome,但不适用于Firefox

来自分类Dev

HTML呈现问题-适用于Mozilla Firefox,但不适用于Google Chrome

来自分类Dev

单击切换适用于 Chrome 和 Safari 但不适用于 Firefox?

来自分类Dev

A-Frame appendChild 适用于 Firefox,但不适用于 Chrome

来自分类Dev

Cytoscape.js - layout() 不适用于 Firefox,适用于 Chrome

来自分类Dev

AddFavorite JS不适用于Chrome

来自分类Dev

测试适用于“ $ f”,但不适用于“ $ @”

来自分类Dev

适用于 PHP 但不适用于脚本

来自分类Dev

媒体查询适用于Chrome,但不适用于移动设备

来自分类Dev

相同的代码适用于chrome DevTools控制台,但不适用于TamperMonkey

来自分类Dev

Express 中的 CORS 适用于 Safari,但不适用于 Chrome

来自分类Dev

docker 子域 api.localhost 适用于 chrome 但不适用于终端

来自分类Dev

SSL适用于Chrome,但有时适用于Firefox,不适用于IOS,Android或Blackberry

来自分类Dev

背景图像适用于 CSS 但不适用于 Webpack 的 JS

来自分类Dev

单击适用于 jQuery 但不适用于 vanilla js

来自分类Dev

jQuery适用于Chrome和Safari,但不能适用于Firefox或IE?

来自分类Dev

CSS悬停图片不适用于Firefox,但适用于Chrome

来自分类Dev

jQuery Javascript仅适用于chrome和firefox,不适用于IE

Related 相关文章

  1. 1

    JS适用于Chrome,但不适用于Firefox

  2. 2

    JS适用于Firefox和Safari,但不适用于Chrome。这是我的网站

  3. 3

    jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

  4. 4

    JavaScript适用于Chrome,但不适用于Firefox

  5. 5

    JScript Button适用于Chrome,但不适用于Firefox

  6. 6

    HTML呈现问题-适用于Mozilla Firefox,但不适用于Google Chrome

  7. 7

    内对焦适用于chrome,但不适用于Firefox

  8. 8

    CSS规则适用于IE,但不适用于Chrome / Firefox

  9. 9

    jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

  10. 10

    D3强制布局适用于Chrome,但不适用于Firefox

  11. 11

    适用于chrome,但不适用于Firefox,Eventlistener,appendChild和style.backgroundColor

  12. 12

    JavaScript适用于Chrome,但不适用于Firefox

  13. 13

    HTML呈现问题-适用于Mozilla Firefox,但不适用于Google Chrome

  14. 14

    单击切换适用于 Chrome 和 Safari 但不适用于 Firefox?

  15. 15

    A-Frame appendChild 适用于 Firefox,但不适用于 Chrome

  16. 16

    Cytoscape.js - layout() 不适用于 Firefox,适用于 Chrome

  17. 17

    AddFavorite JS不适用于Chrome

  18. 18

    测试适用于“ $ f”,但不适用于“ $ @”

  19. 19

    适用于 PHP 但不适用于脚本

  20. 20

    媒体查询适用于Chrome,但不适用于移动设备

  21. 21

    相同的代码适用于chrome DevTools控制台,但不适用于TamperMonkey

  22. 22

    Express 中的 CORS 适用于 Safari,但不适用于 Chrome

  23. 23

    docker 子域 api.localhost 适用于 chrome 但不适用于终端

  24. 24

    SSL适用于Chrome,但有时适用于Firefox,不适用于IOS,Android或Blackberry

  25. 25

    背景图像适用于 CSS 但不适用于 Webpack 的 JS

  26. 26

    单击适用于 jQuery 但不适用于 vanilla js

  27. 27

    jQuery适用于Chrome和Safari,但不能适用于Firefox或IE?

  28. 28

    CSS悬停图片不适用于Firefox,但适用于Chrome

  29. 29

    jQuery Javascript仅适用于chrome和firefox,不适用于IE

热门标签

归档