Javascript jQuery旋钮没有'；事件发生时不触发_Javascript_Jquery_Html

Javascript jQuery旋钮没有'；事件发生时不触发

javascript jquery html

Javascript jQuery旋钮没有'；事件发生时不触发,javascript,jquery,html,Javascript,Jquery,Html,我只想用jQuery旋钮触发一个事件，比如release或change事件。根据，它应该与此配合： <script> $(".dial").knob({ 'release' : function (v) { /*make something*/ } }); </script> $（“.dial”）.旋钮({ “释放”：函数（v）{/*制造某物*/} }); 在我的代码中，我有一些非常相似的东西： <html> <

我只想用jQuery旋钮触发一个事件，比如release或change事件。根据，它应该与此配合：

<script>
    $(".dial").knob({
        'release' : function (v) { /*make something*/ }
    });
</script>


$（“.dial”）.旋钮({
“释放”：函数（v）{/*制造某物*/}
});

在我的代码中，我有一些非常相似的东西：

<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>


//旋钮更改的侦听器
$（函数（）{
$（'#gain1'）。旋钮({
“释放”：函数（v）{
控制台日志（v）；
增益_1.gain.value=v/100；
}});
})

我就是不能让它工作。它不会将任何内容打印到控制台，因此显然不会触发该功能

是否尝试关闭输入和div标记？不过对我来说很有用：我认为您缺少

$（document）.ready（function（）{…}）已解决。问题在于html文件中的声明in标记。必须首先声明jQuery，而不是任何其他javascript文件。