Question

我的2个功能完美无缺。我想让他们一起工作。其中一个是滑块。请参阅下面的代码。

        <script>
        $(function(){
            $(".cloudslider-handle").slider({
                range:"min",
                value:1,
                min:1,
                max:10,
                slide:function(event,ui){
                    $(".a,.b,.c,.d").width(ui.value * 10+"%");
                }
            });
            $(".ui-slider-handle").text("<>");
            $(".a,.b,.c,.d").width(10+"%");

        });
    </script>

另一个是速度表。见下面的代码

        <script>

        document.addEventListener("DOMContentLoaded", function(event) {
            var gg1 = new JustGage({
                id: "gg1",
                formatNumber: true,
                counter: true
            });
        });

    </script>

如何编写代码，以便当我将滑块滑动到值2时，例如该值将传递给车速表？

Answer 1

您可以查看以下代码。可能会对你有所帮助：

请查看为滑块添加的define( [ "valueDynamic" ], function( valueDynamic ) { var main = {}; main.init = function() { console.log(valueDynamic); // Object empty }; return main; } );事件处理程序。它从滑块获取较新的值，并通过调用change: function( event, ui )

刷新JustGage

gg1.refresh(newValue);

一个功能与另一个javascript交互

1 个答案: