我只想用jQuery旋钮触发像释放或更改事件这样的事件。根据{{3}},它应该适用于此:
<script>
$(".dial").knob({
'release' : function (v) { /*make something*/ }
});
</script>
在我的代码中,我有类似的东西:
<html>
<head>
<meta charset="utf-8">
<link rel="icon" href="img/favicon.png">
<title>Knobs</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/text.js"></script>
<script type="text/javascript" src="js/jquery.knob.min.js"></script>
</head>
<body>
<div class="knobBar">
<input id="gain1" class="knob"
data-angleOffset=-125
data-angleArc=250
data-bgColor="#262626"
data-fgColor="#00ff00"
data-rotation="clockwise"
value="0"
data-min="0"
data-max="100"
data-lineCap="round"
data-displayPrevious="true"
data-width="5%"
data-font="Advanced LED Board-7">
</body>
我把它放在html文件的末尾:
<script>
//Listeners for Knobs changes
$(function () {
$('#gain1').knob({
'release': function (v) {
console.log(v);
gain_1.gain.value = v / 100;
}});
})
</script>
我只是不让它发挥作用。它不会向控制台打印任何内容,因此显然不会触发该功能。