2015-02-24 34 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内容。我回过神来。 :)

相关问题