javascript - 为什么我不能访问 jquery 函数中的变量

Question

我想知道为什么我无法访问变量(“dial”)的值，任何帮助都会很棒。

<input type="text" class="dial" value="50" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="https://raw.githubusercontent.com/aterrien/jQuery-Knob/master/dist/jquery.knob.min.js"></script>
<script type="text/javascript">
    $(function() {
                    var dial = $(".dial");
                    
                    function onDialChange(){
                        console.log(dial.value); // for some probably obvious reason I can't access this value.
                    }
                    
                    dial.knob({
                        'release':function(){},
                        'change':onDialChange,
                        'draw':function(){},
                    });
                                 

                });
</script>

Answer 1

.val() 是 jquery 中返回输入元素值的正确函数。

console.log(dial.val());

为了您的Reference