ionRangeSlider 未定义，无法更新

Question

我想在 bootstrap 模型关闭时将 ionRangeSlider 'from' 值重置为原始值。但是我无法重置它，因为 rangeSlider 未定义。

代码：

     $(document).ready(function () {
        $(".order").ionRangeSlider({
            min: 1,
            max: 20,
            type: 'single',
            step: 1,
            prettify: false,
            hasGrid: false,
        });

        $('#settingsModal').on('hidden.bs.modal', function () {

            // Find the range slider jquery element
            var rangeSliderElement = $(this).closest('.well').first('.order');

            // Get the start value
            var startValue = rangeSliderElement.data('from');

            // Get the ion range slider
            var rangeSlider = rangeSliderElement.data("ionRangeSlider");

            // Reset its value
            rangeSlider.update({
                from : startValue
            });
        });
    });

我的页面上确实有多个 ionRangeSlider。

怎么了？

Answer 1

Bootstrap 导致了一些问题，我无法使用 $(this) 在事件中搜索 ionRangeSlider。

这个有效：

    var indexModule = $(this).closest('.col-md-3').index();

    // Get the ion range slider
    var rangeSlider = $("#modules .col-md-3").eq(indexModule).find('.order').data("ionRangeSlider");

    // Reset its value
    rangeSlider.reset();

Answer 2

从昨天开始我也遇到了同样的问题并尝试了各种方法但都没有用。我正在使用主题 "themeforest-4021469-metronic-responsive-admin-dashboard-template"，因此使用其资产文件夹中的 IonRangeSlider.js。

就在几分钟前，我用ionden覆盖了"ion.rangeSlider.js"的js内容，holaaa..我回过神来。 :)

ionRangeSlider 未定义，无法更新

ionRangeSlider is undefined, unable to update

jquery

rangeslider