2015-02-24 35 views
1

我想在引導程序模型關閉時將ionRangeSlider'從'原值重置。但我無法重置它,因爲rangeSlider未定義。ionRangeSlider未定義,無法更新

代碼:

 $(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。

怎麼回事?

回答

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(); 
0

我也遇到了同樣的問題,因爲昨天和嘗試了各種東西,但沒有什麼好。我正在使用主題「themeforest-4021469-metronic-responsive-admin-dashboard-template」,因此使用其資產文件夾中的IonRangeSlider.js。

就在幾分鐘前,我用ionden和holaaa覆蓋了「ion.rangeSlider.js」的js內容。我回過神來。 :)