ajax - 带有ajax的旋钮圆形进度条

Question

我正在尝试将 Knob 与 AJAX 一起使用，它正在工作，但进度条没有改变，只有实时内的数字。

你可以在这里查看：www.skincannon.com

代码是：HTML：

<input id="val" type="text" value="0" /> <input type="button" value="Change" /> 

阿贾克斯：

$.ajax({
    type: "GET",
    url: "currentitemswidth.php",
    success: function(msg){
        $('#val').val(msg);
    }
});

我正在用 ajax 更改值，但是栏不会改变。

任何人都可以帮助我吗？如果您需要更多代码，请告诉我。

我需要这样的东西，但我想自动更改它，而不是通过点击更改按钮：http ://www.jqueryajaxphp.com/dynamically-animate-jquery-knob/

谢谢

Answer 1

在这里，我使用jQuery roundSlider插件实现了您的要求。我认为这适合您，因为您可以轻松自定义此滑块的外观和动画样式。请查看以下演示：

Demo

有关更多详细信息，请查看演示和文档页面。

编辑：

在 ajax 成功中你得到了什么值，你可以将该值分配给滑块。如下所示：

$.ajax({
    type: "GET",
    url: "currentitemswidth.php",
    success: function(msg){
        $('#val').val(msg);

        // use the below code to dynamically update the roundSlider value
        $("#slider").roundSlider("option", "value", msg);
    }
});