Question

我想在bootstrap模型关闭时将ionRangeSlider'重置为'原始值'。但是我无法重置它，因为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
            });
        });
    });

我的页面上有多个ionRangeSliders。

出了什么问题？

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和holaaa覆盖了“ion.rangeSlider.js”的js内容。我恢复了感官。：）

ionRangeSlider未定义，无法更新

2 个答案: