Javascript 如何设置从属滑块以使第二个锚点自动移动？

我在Qualtrics的JS编辑器中使用了以下代码，带有常量和和2个滑块。我想将其设置为，当要求参与者在两个选项之间分配10000美元时，参与者未移动的滑块将自动移动，以反映第一个滑块上的分配。下面的代码可以使每个选项的数量随着滑块的移动而自动更新，但实际滑块保持不变。关于如何在参与者移动第一个滑块时移动第二个滑块，您有什么想法或建议吗

我对编码非常陌生，所以任何可能为我指明正确方向的东西都非常感谢

{
var that=this.questionId;
jQuery("[id='"+that+"~2~holder']").addClass("activated");
jQuery("[id='"+that+"~1~holder']").addClass("activated");

jQuery("[id='"+that+"~1~result']").bind('input propertychange',function(){

var A=parseFloat(jQuery("[id='"+that+"~1~result']").val());
console.log(A);
        if((A+parseInt(jQuery("[id='"+that+"~2~result']").val()))==10000) {
        Qualtrics.SurveyEngine.setEmbeddedData( 'SliderValue1_1', A );
        Qualtrics.SurveyEngine.setEmbeddedData( 'SliderValue1_2',parseInt(jQuery("[id='"+that+"~2~result']").val()));
       console.log("rturn");
        return;
    }

jQuery("[id='"+that+"~2~result']").val(10000-A);

jQuery("[id='"+that+"~2~holder']").addClass("activated");
jQuery("[id='"+that+"~2~handle']").css({"left":p*t+"px"});
jQuery("[id='"+that+"~2~bar']").css({"width":p*t+"px"});
var A=parseFloat(jQuery("[id='"+that+"~1~result']").val());
jQuery("#currA").text(A);

var B=parseFloat(jQuery("[id='"+that+"~2~result']").val());
jQuery("#currB").text(B);