2014-09-02 148 views
1

我使用noUiSlider的形式將選定的值發送到兩個輸入字段,然後通過表單提交。noUiSlider不保留值

這工作正常,但當表單被提交併顯示結果時,輸入字段和滑塊默認返回到原始值而不是保留先前選定的值。

下面是代碼:

function leftValue(value, handle, slider) { 
    $(this).text(handle.parent()[0].style.left); 
} 
$("#slider").noUiSlider({ 
    connect: true, 
    snap: true, 
    start: [0, 1000], 
    range: { 
     'min': 0, 
     '10%': 100, 
     '20%': 200, 
     '30%': 300, 
     '40%': 400, 
     '50%': 500, 
     '60%': 600, 
     '70%': 700, 
     '80%': 800, 
     '90%': 900, 
     'max': 1000 
    }, 
    serialization: { 
     lower: [ 
      $.Link({ 
       target: $('#minprice') 
      }), 
     ], 
     upper: [ 
      $.Link({ 
       target: $('#maxprice') 
      }), 
     ], 
     format: { 
      decimals: 0, 
     } 
    } 
}); 


<div id="slider"></div> 
    <input type="text" id="minprice" name="minprice"> 
    <input type="text" id="maxprice" name="maxprice"> 
</div> 

回答

0

在noUISlider系列化的版本7已取代Link

看一看下面的代碼

container.noUiSlider({ 
     range: { 
      'min': min, 
      'max': max 
     }, 
     step: step, 
     start: initial, 
     connect: 'lower', 
     format: { 
      to: function (value) { 
       return value; 
      }, 
      from: function(value) { 
       return value 
      } 
     } 
    }); 

    container.Link('lower').to(field); 

相關文檔是在這裏:http://refreshless.com/nouislider/linking-input-fields/

+0

謝謝,我不知道它已經改變。我使用SESSION PHP函數來保留最小和最大輸入字段中的值,但滑塊JavaScript代碼start:[0,1000]會覆蓋保留的輸入值? – 2014-09-02 14:18:02