Javascript 更新滑块值时动态更改内容

当滑块值更改时，我尝试动态更改页面内容。当用户设置滑块时，单击下面的按钮并显示内容。当滑块再次更改时，用户必须再次单击按钮以重新加载内容（因为每个按钮都被分配给Deceptor Stat功能）

<a class="chosenstat" title="Saves" value="saves" name="save" onclick="goalkeeperstat(this);">Saves</a>

$（函数initSlider（）{
$（“#滑块1”）.滑块({
范围：对，
分:0,，
最高：100，
值：[0,100]，
幻灯片：函数更新1（事件、用户界面）{
$（“.amount”）.val（ui.values[0]+“-”+ui.values[1]）；
slidervalueg1=$（'#g1'）.val（ui.values[0]）；
slidervalueg2=$（'#g2'）.val（ui.values[1]）；
}
});
$（“.amount”）.val（$（“#slider1”）.slider（“值”，0）+
“-”+$（“#滑块1”）。滑块（“值”，1））；
});
函数（元素）{
$（'#result1'）.empty（）；
$（'.amount'）.empty（）；
var category=element.getAttribute（“值”）；
var categoryprompt=element.getAttribute（“标题”）；
var infocategory=element.getAttribute（“名称”）；
var位置=1；
var fr=$（myjson）.filter（函数（i，n）{return n.element_type===position&n[category]>=slidervalueg1.val（）&&n[category]您可以使用显式事件或方法：

$("#slider1").slider({
      range: true,
      min: 0,
      max: 100,
      values: [0, 100],
      slide: function update1 (event, ui) {
        $(".amount").val(ui.values[0] + " - " + ui.values[1]);
        slidervalueg1 = $('#g1').val(ui.values[0]);
        slidervalueg2 = $('#g2').val(ui.values[1]);
      },
    stop : function(event, ui){
        console.log("slider changed");
        // call your fucntion here
    }
    });

我调用了这个函数，但是当更新滑块时，内容消失了，然后我必须单击按钮才能取回内容。
$("#slider1").slider({
      range: true,
      min: 0,
      max: 100,
      values: [0, 100],
      slide: function update1 (event, ui) {
        $(".amount").val(ui.values[0] + " - " + ui.values[1]);
        slidervalueg1 = $('#g1').val(ui.values[0]);
        slidervalueg2 = $('#g2').val(ui.values[1]);
      },
    stop : function(event, ui){
        console.log("slider changed");
        // call your fucntion here
    }
    });