我正在测试jQuery Knob Plugin:
$(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()
,单击后(它只是更改旋钮的值:它不会触发绑定的"更改"事件。
为什么?我该如何解决它?
在手动上,我似乎可以做到。
将"change"更改为"release"。
$(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/