Question

我正在尝试使用带有AJAX的Knob，它正在运行，但进度条没有变化，只有实时内的数字。

您可以在此处查看：www.skincannon.com

代码是： HTML：

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

AJAX：

$.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`

有关详细信息，请查看demos和documentation页。

编辑：

在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);
    }
});

用ajax旋钮圆形进度条

1 个答案:

`Demo`

编辑：