範圍滑塊不工作

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