javascript - jquery 新手 - 创建多个微调控件

Question

我正在努力用 php 和 javascript 创建一个简单的应用程序。我想做的一件事是对大量输入字段(超过 100 个)使用 jquery spinner 控件。

可以在这里找到网站:https://www.myweb.ttu.edu/timothsm/alchemy

现在，尝试在 JavaScript 中创建 100 个旋转器的脚本超时，是否有更好的方法来执行此操作？或者我应该找到不同的方法？ (我现在只在第一个输入字段上创建一个微调器，但下面的代码是我用来对所有输入字段执行此操作的代码)

这是我用来创建旋转器的代码:

$(function() {
    $("#ings input.spinner").spinner({
        spin : function(event, ui) {
            if (ui.value > 500) {
                $(this).spinner("value", 500);
                return false;
            } else if (ui.value < 0) {
                $(this).spinner("value", 0);
                return false;
            }
        }
    });
    $("input.spinner").val(0)
});

Answer 1

您可以根据需要创建微调器。 Demo

var makeSpinner = function() {
    $("#ings").find(".ui-spinner-input").spinner('destroy'); //kill prev if any
    $(this).spinner({ //init new
        min: 0,
        max: 500
    });
}

//process clicks on spinners place holders
$("#ings").on('click', 'input.spinner', makeSpinner);