Question

我正在使用noUiSlider，我试图将滑块的值通过表单传递给mysql数据库。表单工作正常并发布到数据库，但滑块的值不会从它的原始起始值更改。我已经尝试了几乎每个可以考虑和研究的角度，我只是看不出我做错了什么。请看一下，让我知道问题所在。对我说话的人感到荣幸。感谢。

    $("#rangeSlider").noUiSlider({
        start: 7000,
        step: 1000,
        behaviour: 'snap',
        connect: 'lower',
        range: {
            'min': 0,
            'max': 15000
        },          
        serialization: {
            lower: [
                $.Link({
                    // Place the value in the #value element,
                    // using the text method.
                    target: $("#value"),
                    method: "text",
                    format: {
                        decimals: 0,
                        thousand: ',',
                        prefix: '£'
                    }
                }),     
            ],
        },  
        change: function(event, ui) { 
            $('#amount').val('#rangeSlider', ui.value);
        }
    });
    $( "#amount" ).val( "£" + $( "#rangeSlider" ).val() );

Answer 1

好吧终于解决了它：）

    $("#rangeSlider").noUiSlider({
        start: 7000,
        step: 1000,
        behaviour: 'snap',
        connect: 'lower',
        range: {
            'min': 0,
            'max': 15000
        },          
        serialization: {
            lower: [
                $.Link({
                    // Place the value in the #value element,
                    // using the text method.
                    target: $("#amount"),
                    type: "post"
                }), 
                $.Link({
                    // Place the value in the #value element,
                    // using the text method.
                    target: $("#value"),
                    method: "text",
                    format: {
                        decimals: 0,
                        thousand: ',',
                        prefix: '£'
                    }
                }),     
            ],
        },          
    });

这会将答案发布到数据库中，并在滑动时显示滑块的值：）

发布时uiSlider变量保持不变

1 个答案: