jquery UI 滑块，更改事件显示递归过多

【问题标题】：jquery UI slider, change event show *too much recursion*jquery UI 滑块，更改事件显示 *递归过多*
【发布时间】：2018-07-16 17:18:45
【问题描述】：

$( "#slider-1" ).slider({
        min: 1,
        step: 0.01,
        max: 3,
        value: 2,
        animate:"slow",
        orientation: "horizontal",
        change: function (event, ui) {
            $(this).slider('value', Math.round(ui.value));
            ui.preventDefault();
        }
    })

这在控制台中显示递归过多错误如何解决。

提前致谢。

【问题讨论】：

这是由于eventBubling。你应该检查这个：stackoverflow.com/questions/2320157/jquery-too-much-recursion

标签： javascript jquery jquery-ui

【解决方案1】：

我自己解决了这个问题，方法是更改如下代码。

var rounded_value='';

    $( "#slider-1" ).slider({
        min: 1,
        step: 0.01,
        max: 3,
        value: 2,
        animate:"slow",
        orientation: "horizontal",
        change: function (event, ui) {
            if(rounded_value!=ui.value){
                rounded_value=ui.value;
                $(this).slider('value', Math.round(ui.value));  
            }
            return false;
        }
    })

【讨论】：