jQueryMobile - Spinbox - 多个依赖的Spinbox

Question

在jquery移动应用程序中，我必须使用三个相关的旋转框，如下图所示

目前正在使用此插件

http://dev.jtsage.com/jQM-Spinbox/

成人/儿童/婴儿的最大值为9

婴儿计数也不应大于成人价值。我已经创建了一个验证功能，它将调用点击按钮上/下。但所做的改变并没有影响其他的旋转木马

以下代码我设置了＆＃34; max＆＃34;属于婴儿但不起作用

    <div class="ui-field-contain">
        <label for="adult">ADULT</label>
        <input type="text" data-mini="true" data-role="spinbox" name="spin4" id="adult" data-options='{"type":"vertical"}' value="1" min="0" max="9" />

        <label for="child">CHILD</label>
        <input type="text" data-mini="true" data-role="spinbox" name="child" id="child" data-options='{"type":"vertical"}' value="0" min="0" max="9" />

        <label for="infant">Infant</label>
        <input type="text" data-mini="true" data-role="spinbox" name="infant" id="infant" data-options='{"type":"vertical"}' value="0" min="0" max="9" />
    </div>


// id is the id of spinbox .ie adult, i=child, infant

setValidations:function(id){
        console.log("selected id="+id);
        console.log("selected id value ="+$("#"+id).val());
        $("#infant").attr("max",$("#adult").val())
        $("#infant").enhanceWithin();   
    }

任何帮助将不胜感激。

Answer 1

setValidations:function(id){

            $("#infant").attr("max",$("#adult").val())
            $("#infant").spinbox({"dmax":$("#adult").val()});
            $("#child").spinbox({"dmax":9-$("#adult").val()});
            if(id == 'adult')   {
                $("#child").val(0);
                $("#infant").val(0);                                                                                           
            }
        }