范围滑块不工作

Question

当我使用j个查询更改角2滑块的值，它不触发幻灯片功能，并且还改变功能..

jQuery(this.elementRef.nativeElement).find("#slider").slider({ 

     range: true, 

     orientation: "horizontal", 

     min: 0, 

     max: 100, 

     step: 1, 

     value: [80, 100], 

     slide: (event, ui) => { 
      alert("hai"); 

     }, 
     change: (event, ui) => { 
      alert("hai"); 

     }, 
    }); 


} 

Answer 1

你如何滑块的值？因为你用range: true，您需要提供值的阵列，通过values属性进行设置：

jQuery(...).slider({ 
    (...) 
    values: [30, 80], 
    (...) 
}); 

要设置值已经创建后滑块使用以下命令：

this.sliderElt.slider('values', values); 

见本plunkr：https://plnkr.co/edit/jIRZLvfZVe7RgIceEiNS?p=preview