在 ionRangeSlider 中添加 onChange 事件延迟

【问题标题】：add delay on onChange event in ionRangeSlider在 ionRangeSlider 中添加 onChange 事件延迟
【发布时间】：2018-11-13 04:17:17
【问题描述】：

我正在使用 ionRangeSlider 作为价格范围：

HTML

<input class="range-slider" id="price_range">

        $("#price_range").ionRangeSlider({
            min: 0,
            max: 10000,
            type: "double",
            grid: false,
            step: 500,
            force_edges: true,
            decorate_both: false,
            prettify_enabled: true,
            onChange: function (data) {
                $('#loading').show();
                window.location.replace("@Url");
            },
        });

我想在onChange 上添加 2 秒的延迟，然后再重定向到 url。

我查看了文档，但找不到如何为 onChange 事件添加延迟。

任何帮助将不胜感激

【问题讨论】：

标签： javascript jquery slider delay ion-range-slider

【解决方案1】：

也许你可以试试这样的 -

<body>
    <select id="select">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
    <script>
        var wto;
        $('#select').change(function() {
          wto = setTimeout(function() {
            // write your code here
            console.log('something changed');
          }, 2000);
        });
    </script>
</body>

只要从下拉列表中选择一个新值，就会触发此更改，但警报只会在 2 秒后出现。

试试这个，如果你正在寻找其他东西，请告诉我。

【讨论】：

选择对象对我没有帮助。我需要一个幻灯片护林员
试试 thi,setTimeout(function() { $('#loading').show(); window.location.replace("@Url"); }, 2000);
如果我应用这个并且有人多次滑动游侠，将会有多次调用相同的 URL，它们之间有 2 秒的差异。我需要的是，在滑动范围滑块 2 秒后才会触发“onChange”中的这些指令