我应用了一个具有只读功能的 jquery 旋钮，如下所示:
<style>
.test{
background: #292929;
margin:50px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://raw.github.com/aterrien/jQuery-Knob/master/js/jquery.knob.js"></script>
<body>
<input type="text" value="45%" class="dial"><button id="change">Change</button>
</body>
<script>
$(".dial").knob({
readOnly: true,
fgColor: "#00ABC6",
bgColor: "#666666",
thickness: 0.2
});
$(document.body).on('click', 'button#change', function(){
$("input.dial").val('80%');
})
</script>
现在，当我点击更改按钮时，它只会更改输入标签的值，但无法更改旋钮填充区域的百分比。
最佳答案
设置输入值后，只需在输入上触发更改事件，例如:
$("input.dial").trigger('change');
您的代码将如下所示:
<style>
.test{
background: #292929;
margin:50px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://raw.github.com/aterrien/jQuery-Knob/master/js/jquery.knob.js"></script>
<body>
<input type="text" value="45%" class="dial"><button id="change">Change</button>
</body>
<script>
$(".dial").knob({
readOnly: true,
fgColor: "#00ABC6",
bgColor: "#666666",
thickness: 0.2
});
$(document.body).on('click', 'button#change', function(){
$("input.dial").val('80%');
$("input.dial").trigger('change');
})
</script>
关于jquery - 如何在 jquery 中动态更改旋钮值 ..？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25887224/