角度2中的范围滑块不起作用

时间:2016-04-26 11:27:20

标签: jquery angular

当我使用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");

        },
    });


}

1 个答案:

答案 0 :(得分:1)

你如何滑块的价值?由于您使用range: true,因此需要提供一组值并使用values属性进行设置:

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

要在创建滑块后设置值,请使用以下命令:

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

请参阅此plunkr:https://plnkr.co/edit/jIRZLvfZVe7RgIceEiNS?p=preview