javascript - jquery noUiSlider 将外部 javascript 变量传递到函数中

Question

我在抵押贷款计算器中使用 No.uislider slider 。我需要使用变量指定最大值和最小值，因为这些变化取决于人们之前选择的选项。

这是我到目前为止所拥有的，但我的变量不起作用？

我的变量是:最小值最大值

    <script>
    // Loan Details
// Amount
$("#sliderBorrowAmt").noUiSlider({
    start: [ value_min ],
    range: {
        'min': value_min,
        'max': value_max
    },
    connect: "lower",
    serialization: {
        lower: [
            new Link({
                target: $("#value"),
                method: "text"
            }),
            new Link({
                target: $("#amount"),
                format: {
                    decimals: 0,
                    thousand: ',',
                    prefix: '',
                    postfix: ''
                }
            })
        ],
        // Default formatting options
        format: {
            decimals: 0,
            thousand: ','
        }

    }
});

Answer 1

这是代码:

<script>
var value_min = 20;//change as per your need
var value_max = 100;//change as per your need

    // Loan Details
// Amount
$("#sliderBorrowAmt").noUiSlider({
    start: [ value_min ],
    range: {
        'min': value_min,
        'max': value_max
    },
    connect: "lower",
    serialization: {
        lower: [
            new Link({
                target: $("#value"),
                method: "text"
            }),
            new Link({
                target: $("#amount"),
                format: {
                    decimals: 0,
                    thousand: ',',
                    prefix: '',
                    postfix: ''
                }
            })
        ],
        // Default formatting options
        format: {
            decimals: 0,
            thousand: ','
        }

    }
});