jQuery Knob不会在事件中触发

时间:2015-04-24 17:17:34

标签: javascript jquery html

我只想用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>

我只是不让它发挥作用。它不会向控制台打印任何内容,因此显然不会触发该功能。

0 个答案:

没有答案