Question

我已经被这个问题困住了一个多星期了:(对这个问题的任何见解都会非常感激！

如何链接jQuery UI编号微调器/步进器（http://wiki.jqueryui.com/Spinner），以便标签文本值随微调器值递增或递减而改变？

    ...
        <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>

谢谢！

编辑：除输出问题外，处理程序本身似乎也有问题。旋转/更改微调器时，处理程序不会执行。

Answer 1

根据UI / Spinner文档，微调器更改事件的名称不是“旋转”，而是“spinchange”。如果相应地更改了.bind方法的参数，那么事情应该可行。

Answer 2

试试这个 - 从上面的示例中我将标签更改为一个跨度，因此文本将有一个地方可去，在旋转处理程序中使用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>

jQuery UI编号微调器事件问题

2 个答案: