JQuery UI Number Spinner Вопрос о событии - PullRequest
Новая
       11

JQuery UI Number Spinner Вопрос о событии

1 голос
/ 29 мая 2009

Я был поставлен в тупик над этой проблемой более недели :( Любое понимание этой проблемы будет чрезвычайно оценено!

Как связать счетчик / степпер с номером пользовательского интерфейса jQuery (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>

Спасибо!

Редактировать: В дополнение к проблеме вывода, существует проблема с самим обработчиком. Обработчик не выполняется, когда я вращаю / меняю счетчик.

Ответы [ 2 ]

4 голосов
/ 02 июня 2009

В соответствии с документацией UI / Spinner, имя события замены счетчика - не «spin», а «spinchange». Если вы соответственно измените параметр метода .bind, все должно работать.

1 голос
/ 29 мая 2009

Попробуйте это - из приведенного выше примера я изменил вашу метку на диапазон, чтобы тексту было куда идти, использовал 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...