CSS шаблон не загружается в jsPsych - PullRequest
Новая
       32

CSS шаблон не загружается в jsPsych

0 голосов
/ 06 августа 2020

Я написал простой скрипт на jsPsych, который приветствует пользователя на странице, а затем благодарит его за участие после нажатия любой клавиши. Однако он не загружает стиль CSS, связанный со страницей. Таблица стилей находится в соответствующем месте, и никаких ошибок или предупреждений не создается.

Полный код приведен ниже: 

<!DOCTYPE html>
><html lang="en">
  <head>
    <meta charset="UTF-8">

    <script type="text/javascript" src="jsPsych/jspsych.js"></script>
    <script type="text/javascript" src="jsPsych/plugins/jspsych-html-keyboard-response.js"></script>
    <script type="text/javascript" src="jsPsych/plugins/jspsych-image-keyboard-response.js"></script>
    <script type="text/javascript" src="jsPsych/plugins/jspsych-survey-text.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link href="jsPsych/css/jspsych.css" rel="stylesheet" type="text/css"/>

  </head>
  <body>
  </body>

  <script>

    var timeline = []

    var welcome = {type: "html-keyboard-response",
           stimulus: "Welcome to the experiment, and thank you for your time! Press any key to continue."
          };
    timeline.push(welcome)
    
    jsPsych.init({
    timeline: timeline,
    on_finish: function() {
        $.ajax({
        type: "POST",
        url: "/experiment-data",
        data: jsPsych.data.get().json(),
        contentType: "application/json"
        })
        .done(function() {
            alert("Thank you!")
            window.location.href = "/";
        })
        .fail(function() {
            alert("A problem occurred while writing to the database. Please contact the researcher for more information.")
            window.location.href = "/";
        })
    }
    })

    </script>
</html>
...