Question

我正在使用fuelux spinner jquery插件。我按如下方式设置了一个简单的微调器：

$('#spinner3').spinner({value:3, step: 1, min: 0, max: 10, speed: "medium"});

效果很好，但是，我注意到你可以手动输入范围之外的值而没有任何问题。例如，我可以在上面的示例中手动输入20（10是最大值）。我不能再使用按钮升价，但我可以走下去。一旦回到我的范围内，min / max再次开始。

我看到文档中有一个“更改”的事件，但我似乎无法让它阻止我的范围之外的手动输入。我在想一些简单的事情，比如值＆gt; max then value = max和min。

    //ensure min and max on manual entry
    $("#spinner3").on('changed', function() {
        if ( $(this).val() > 'max' ) {
            $(this).val( 'max' );
        }
        if ( $(this).val() < 'min' ) {
            $(this).val( 'min' );
        }
    });

Answer 1

想出来：

var handleSpinners = function () {

    $('#spinner3').spinner({value:3, step: 1, min: 0, max: 10, speed: "medium"});

    $('#spinner3').on('change', function() {
        var value = $('#spinner3').spinner('value');
        if ( value > 10 ) {
            $("#spinner3 .spinner-input").val(10);
        }
        ... and same for min
    });
}

fuelex微调器和手动值超出范围

1 个答案: