$("#id_values").simpleSlider() is not working at all

[raviSanchala]

$("#id_values").simpleSlider() is not working at all
i am using

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

and an inputbox with should give value to above slider dynamically.
i am using below code

$("#price_slider").simpleSlider('800',"{500,5000}");

please correct me where i am going wrong.
because whenever i tried to run above code in browser the slider appear with 0 and 1 value and dragger used to be at the 1.

thanks in advance,
Ravi

[vioKamran]

Hi raviSanchala this work
Add Function :
function sliderX(valueX) {
return valueX.each(function() {
var $el, allowedValues, settings, x;
$el = $(this);
settings = {};
allowedValues = $el.data("slider-values");
if (allowedValues) {
settings.allowedValues = (function() {
var _i, _len, _ref, _results;
_ref = allowedValues.split(",");
_results = [];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
x = _ref[_i];
_results.push(parseFloat(x));
}
return _results;
})();
}
if ($el.data("slider-range")) {
settings.range = $el.data("slider-range").split(",");
}
if ($el.data("slider-step")) {
settings.step = $el.data("slider-step");
}
settings.snap = $el.data("slider-snap");
settings.equalSteps = $el.data("slider-equal-steps");
if ($el.data("slider-theme")) {
settings.theme = $el.data("slider-theme");
}
if ($el.attr("data-slider-highlight")) {
settings.highlight = $el.data("slider-highlight");
}
if ($el.data("slider-animate") != null) {
settings.animate = $el.data("slider-animate");
}
return $el.simpleSlider(settings);
});
}

and call :

sliderX(slideFilter.find("input")) OR sliderX($("[data-slider]"));

good luck 👍