jquery - 为什么我这里无法触发 "change"事件？

Question

我是testing jQuery 旋钮插件:

$(function() {
  $(".knob").knob({
    "width": 50,
    "height": 50,
    'change': function (value) {
      $('#display').html("some process: " + value);
    }
  });

  $('#random').click(function() {
    $(".knob").val(Math.random() * 100).trigger('change');
  });
});  

我手动(用鼠标)拖动旋钮，它正确地“触发”了更改功能，并更改了正确的值。

但是如果我手动触发它(即单击后.trigger())，它只会更改旋钮的值:它不会触发绑定(bind)的“更改”事件。

为什么？我该如何修复它？

关于manual看来我可以做到。

Answer 1

将“更改”更改为“发布”。

$(function() {
  $(".knob").knob({
    "width": 50,
    "height": 50,
    "release": function (value) {
       $('#display').html("some process: " + value);
    }
  });

  $('.knob').trigger(
  'configure',
   {
    "min": 0,
    "max": 100,

  })

  $('#random').click(function() {
    $(".knob").val(Math.random() * 100).change();
  });
});  

https://jsfiddle.net/an3r8fos/