Форум

ethereal · #1 (**permalink**) 09.08.2021, 19:32

Добрый день, помогите решить проблему.

Есть такой код:
https://codepen.io/ethereal94/pen/jOmXqNK

Нужно что б все ползунки менялись, как на демо.
И все работает как надо но только при первом изменение, если к примеру я меняю значение первого ползунка, то все остальные тоже меняются...
А затем если меняю значение другого ползунка то первый уже не меняется и т.д.
И главное что в коде все меняется как надо а в верстке нет!

Помогите решить проблему, спасибо!

рони · #2 (**permalink**) 09.08.2021, 19:48

ethereal,

<!DOCTYPE html>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(function() {
            var volume = $(".volume");
            volume.on("input", function(e) {
                var volumeCurrent = this.value;
                volume.not(this).val(volumeCurrent);
            });
        });
    </script>
</head>

<body>
    <input class="volume" type="range" value="100" max="100"> <input class="volume" type="range" value="100" max="100"> <input class="volume" type="range" value="100" max="100">
    <input class="volume" type="range" value="100" max="100">
</body>

</html>

ethereal · #3 (**permalink**) 09.08.2021, 19:57

Спасибо, работает

Форум

Справочник

Discord чат

Курсы javascript