0

我有一个关于 jsPsych 的行为实验。目前，我向参与者展示了在 HTML 画布上绘制的图像，他们必须使用滑块做出响应。但是，我不希望他们在单击滑块之前看到拇指（以避免偏见）。我怎样才能做到这一点？

.jspsych-slider::-webkit-slider-thumb {
  /*border: 1px solid #666;
  height: 24px;
  width: 15px;
  border-radius: 5px;
  background: #ffffff;
  cursor: pointer;*/
  -webkit-appearance: none;
  /*margin-top: -9px;*/
  /*visibility: hidden*/;
}

.jspsych-slider::-ms-thumb {visibility: hidden;}
.jspsych-slider::-moz-range-thumb {visibility:hidden;}

我尝试在 jsPsych 的 CSS 文件中更新这些，但这似乎没有帮助。此外，我为类似插件尝试了另一个现有的解决方案，但这对 canvas-slider-plugin 也没有帮助。

on_load: function(){
  document.querySelector('#jspsych-html-slider-response-response').addEventListener('click', function(e){
    e.target.style.visibility = 'show'})
},

感谢您在这方面的任何帮助。谢谢你，普拉尚蒂

4

0 回答 0