一个函数与另一个 javascript 交互答案

【问题标题】：One function interact with another javascript一个函数与另一个 javascript 交互
【发布时间】：2015-09-23 08:29:44
【问题描述】：

我有 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）时，该值将传递给速度计？

【问题讨论】：

哎呀，这是我的错。改变它;）

标签： javascript jquery html slider interaction

【解决方案1】：

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

请查看为滑块添加的change: function( event, ui ) 事件处理程序。它从滑块获取更新的值并通过调用gg1.refresh(newValue); 刷新JustGage

<script type="text/javascript">
    $(function(){

       var gg1 = new JustGage({
            id: "gg1",
            formatNumber: true,
            counter: true
        });

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

            change: function( event, ui ) {
                var newValue = ui.value * 10;
                gg1.refresh(newValue);
            }
        });
        $(".ui-slider-handle").text("<>");
        $(".a,.b,.c,.d").width(10+"%");

    });

</script>

【讨论】：