修改在cognition.run上运行的jsPsych滑块外观

Question

我正在尝试更改在cognition.run上运行的jsPsych中的默认滑块的外观。我已经上传了各种自定义css文件，但我似乎无法对外观进行任何更改(任何内容)。

在jsPsych中，在标记的左边有一个蓝色条(几乎像一个进度条或其他东西(see here picture of jspsych slider)，但我更感兴趣的是绝对位置(没有蓝色条similar to this qualtrics style slider)。)

对如何修改这个有什么建议吗？

var initial_judgement_control =  {
          type: 'html-slider-response',
          stimulus: jsPsych.timelineVariable('InJu1'),
          min: 1,
          max: 7,
          start: 4,
          labels: ['1</br>Morally Wrong','2','3','4<br>Neutral','5','6', '7</br>Morally Right'],
          on_finish: function(data){
            var response = JSON.parse(data.response);
            var reactiontime = JSON.parse(data.rt)
            jsPsych.data.addProperties({InJu1: response, InJu1_rt: reactiontime, InJu1_trial1: 1, InJu1_trial2: null, InJu1_trial3: null});
          },
          require_movement: true,
          response_ends_trial: true,
        }

Answer 1

我将您的代码粘贴到cognition.run中，发现如果您选择的jsPsych库版本超过6.10，则没有进度条。您可以在cognition.run的左面板顶部更改jsPsych库的版本

查看屏幕截图:html-slider in jsPsych library version 6.10 on cognition.run html-slider in version of 6.20 on cognition.run