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

Question

我试图改变jsPsych在cognitive .run上运行的默认滑块的外观。我已经上传了各种自定义css文件，但我似乎无法对外观(任何东西)进行任何更改。

在jsPsych中，在标记的左边有一个蓝色的条(几乎像一个进度条或其他东西)，但我更感兴趣的是一个绝对位置(没有类似于这个质量风格滑块的蓝色条)。

对如何修改有什么建议吗?

我为这个问题使用的代码如下。如果有一个在线解决方案，我将非常感激。

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

我将您的代码粘贴在cognitive .run中，如果您选择jsPsych库版本超过6.10，我发现没有进度条。您可以在cognitive .run

的左面板顶部更改jsPsych Library的版本 在jsPsych库6.10版本中运行