How to trigger a slider change event?
So I have a slider widget that I set some values on and now I want to trigger it's change event so it can process as per normal the "slide" process of the control. So my current process looks like:
var value = getSomeValue();
$("#slider-vertical").slider("enable").slider("value", Number(value));
// now I want to trigger the change event on $("#slider-vertical").slider
// I've tried a number of things but nothing seems to work.. e.g., $("#slider-vertical").slider("change") (syntax error)... $("#slider-vertical").slider().change() (hahaha!) not sure what else to try.
My slider definition looks like:
- $("#slider-vertical").slider({
- orientation: "vertical",
- range: "min",
- min: 0,
- max: 100,
- value: 0,
- step: 5,
- disabled: true,
- slide: function (event, ui) {
- $("#amount").val(ui.value + '%');
- if (ui.value === 100) {
- $('#words_type_new').val("");
- $('#words_type_match').val($('#words_total').val());
- } else {
- if (ui.value > 0) {
- var newPercent = (100 - ui.value) / 100;
- var matchPercent = (ui.value) / 100;
- $('#words_type_new').val(Math.round($('#words_total').val() * newPercent));
- $('#words_type_match').val(Math.round($('#words_total').val() * matchPercent));
- } else {
- $('#words_type_new').val($('#words_total').val());
- $('#words_type_match').val("");
- }
- }
- }