ionRangeSlider не определено, не удалось обновить

Question

Я хотел бы сбросить значение 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 
      }); 
     }); 
    }); 

У меня есть несколько 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 из своей папки с ресурсами.

Всего несколько минут назад я переписываю содержимое js в файле "ion.rangeSlider.js" с помощью ionden и holaaa .. Я вернулся к чувствам. :)