jQuery ComponentsKnobDials при изменении событий

Question

jQuery ComponentsKnobDials при изменении событий

0

Я использую этот плагин jQuery:

Как мне:

Получить значение ручки
Отрегулируйте значение с помощью jQuery
Настройка onChange listeners

Мой текущий код:

$(document).ready(function() {


    $(".bulb").click(function() {
        $knob = $(this).prev().children()[1];

        if ($knob.value > 0) {
            $knob.value = 0;
        } else {
            $knob.value=100;
        }
    });

});

Проблема в том, что входное значение обновляется, но индикатор не изменяется.

Любая помощь будет оценена

chuckfinley 22 март 2014, в 18:11

Источник

Теги:

javascript

jquery

jquery-plugins

1 ответ

Ещё вопросы

Chris · Answer 1 · 2014-03-22T21-27-00.000Z

@chuckfinley Я поставил эту демонстрацию вместе, если кто-то в будущем столкнется с этой проблемой. В вашем конкретном случае вы можете изменить прослушиватель on чтобы click. Надеюсь это поможет!

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Knob Stackoverflow Demo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
        <script src="http://anthonyterrien.com/js/jquery.knob.js"></script>
        <script>


            //THE BELOW SCRIPT HANDLES THE CHANGING OF KNOB VALUE 
            $(document).ready(function(){
                $('#input').bind('input',  function() { //THIS LISTENS FOR A CHANGE IN THE input TEXT BOX
                var t = $('#input').val();
                    $(".knob").val(t).trigger('change');
                });

            //INITIALIZE KNOB FUNCTIONALITY
            $(".knob").knob({  });
            });
        </script>

        <style>
            body {margin: 0 auto; width:1000px;}
        </style>

    </head>
    <body>
        <br>
        <form>
            Knob Value: <input type="input" id="input">

        </form> 
        <br>
        <div id='kb'>
            <input class="knob" data-width="150" data-cursor=true data-fgColor="#FF0000" data-thickness=.3 value="29">
        </div>
    </body>
</html>