Javascript jQuery UI数字微调器事件问题

Javascript jQuery UI数字微调器事件问题,javascript,jquery,html,events,jquery-ui,Javascript,Jquery,Html,Events,Jquery Ui,我已经被这个问题难住一个多星期了:(对这个问题的任何洞察都将不胜感激 如何链接jQuery UI数字微调器/步进器(),以便标签文本值随微调器值的增加或减少而改变 ... <script type="text/javascript"> $(document).ready(function() { $("#s1").spinner({max: 100, min: -100});

我已经被这个问题难住一个多星期了:(对这个问题的任何洞察都将不胜感激

如何链接jQuery UI数字微调器/步进器(),以便标签文本值随微调器值的增加或减少而改变

    ...
        <script type="text/javascript">


                $(document).ready(function() {

                    $("#s1").spinner({max: 100, min: -100});

                    $("#s1").bind("spin", function() {
                      $("label1").innerText = $("#s1").spinner("value");
                    });
                });
        </script>
    ...

<body>
...
    <p><label for="s1">Basic:</label> <input id="s1" name="value"/></p>
    <p><label for="label1"></label></p>
...
</body>
。。。
$(文档).ready(函数(){
$(“#s1”)。微调器({max:100,min:-100});
$(“#s1”).bind(“spin”,function(){
$(“label1”).innerText=$(“s1”).spinner(“值”);
});
});
...
...
基本:

...
谢谢


编辑:除了输出问题外,处理程序本身似乎也有问题。当我旋转/更改旋转器时,处理程序不会执行。

试试这个-从上面的示例中,我将标签更改为一个span,这样文本就有地方可去,在旋转处理程序中使用this.value和jQuery的.html()要转储该值

<script type="text/javascript">
        $(document).ready(function() {

            $("#s1").spinner({max: 100, min: -100});

            $("#s1").bind("spin", function() {
              $("#label1").html(this.value);
            });
        });
</script>

<body>
  <p><label for="s1">Basic:</label> <input id="s1" name="value"/></p>
   <p><span id="label1"></span></p>
</body>

$(文档).ready(函数(){
$(“#s1”)。微调器({max:100,min:-100});
$(“#s1”).bind(“spin”,function(){
$(“#label1”).html(this.value);
});
});
基本:


试试这个-从上面的示例中,我将您的标签更改为一个span,这样文本就有地方可去,在spin处理程序中使用this.value,并使用jQuery的.html()转储该值

<script type="text/javascript">
        $(document).ready(function() {

            $("#s1").spinner({max: 100, min: -100});

            $("#s1").bind("spin", function() {
              $("#label1").html(this.value);
            });
        });
</script>

<body>
  <p><label for="s1">Basic:</label> <input id="s1" name="value"/></p>
   <p><span id="label1"></span></p>
</body>

$(文档).ready(函数(){
$(“#s1”)。微调器({max:100,min:-100});
$(“#s1”).bind(“spin”,function(){
$(“#label1”).html(this.value);
});
});
基本:


根据UI/Spinner文档,微调器更改事件的名称不是“spin”,而是“spinchange”。如果您相应地更改.bind方法的参数,事情应该会正常进行。

根据UI/Spinner文档,微调器更改事件的名称不是“spin”,而是“spinchange”。如果您相应地更改.bind方法的参数,事情应该会正常进行。

这不应该是id=“label1”?$(“#label1”).html($(“#s1”).spinner(“值”);谢谢Chris。我已经修改了上面的问题,因为处理程序似乎一开始就没有执行。这不应该是id=“label1”?$(“#label1”).html($($(“#s1”).spinner(“值”)));谢谢Chris。我已经修改了上面的问题,因为处理程序一开始似乎没有执行。谢谢你的帖子。我尝试了这个,但是仍然无法使它工作。我认为事件处理程序本身也有问题,因为在我更改微调器时它似乎没有执行。谢谢。谢谢你的建议我试过了,但是仍然无法让它工作。我认为事件处理程序本身也有问题,因为在我更改微调器时,它似乎没有执行。谢谢。