jquery-ui-slider

问题 I'm using jquery range slider. I have an ajax call and I set the slider values in that ajax call. The code is as follows: $.ajax({ type: "POST", url: '/api/get-prices/', data: JSON.stringify(filters), contentType: "application/json", beforeSend: function (xhr, settings) { let csrftoken = getCookie('csrftoken'); if (!csrfSafeMethod(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } }, success: function (response) { let min_price = parseInt(_.min(response[

问题 I'm using jquery range slider. I have an ajax call and I set the slider values in that ajax call. The code is as follows: $.ajax({ type: "POST", url: '/api/get-prices/', data: JSON.stringify(filters), contentType: "application/json", beforeSend: function (xhr, settings) { let csrftoken = getCookie('csrftoken'); if (!csrfSafeMethod(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } }, success: function (response) { let min_price = parseInt(_.min(response[

问题 I am trying to create an interactive slider zooming and filtering into a data range using vertical line from each data point selected. I am not sure how to draw every vertical lines on each data point so the slider can zoom and filter vertical lines on this data range. Currently, I can draw circles on every data point and one vertical line (see attached output graph), but would like to draw vertical lines on top of those circles or just for each data point if d3 has some way to do it. I am

问题 I am trying to create an interactive slider zooming and filtering into a data range using vertical line from each data point selected. I am not sure how to draw every vertical lines on each data point so the slider can zoom and filter vertical lines on this data range. Currently, I can draw circles on every data point and one vertical line (see attached output graph), but would like to draw vertical lines on top of those circles or just for each data point if d3 has some way to do it. I am

问题 I use JS UI Slider to make something like timeline. I want, when the year value increase with 1 - my output value to reduce with 0,662%. Some ideas? How I can do it? $(function() { $("#slider-range-min").slider({ range: "min", value: 733131, min: 0, max: 10000000, slide: function(event, ui) { $("#amount").val(ui.value * (1 - 0.66 / 100)); } }); }); <p> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"> </p> <div id="slider-range-min"></div> 回答1: I

问题 I have a jQuery UI slider in which if the user types numbers into the input element the slider moves appropriately. $("#slider-range-min").slider({ range: "min", value: 1, step: 1000, min: 0, max: 5000000, slide: function (event, ui) { $("input").val(ui.value); } }); $("input").change(function (event) { var value1 = $("input").val(); $("#slider-range-min").slider("option", "value", value1); }); But what i need is i want the slider to be in the middle whatever value i enter in the text box for

问题 I try to figure out how to force slider's buttons to move it instead of normal sliding, but keeping the checkbox filter still working by proper way. When I set buttons to move slider then filter doesn't work the way it should. The problem is coming out when i change slider code from: values: [10000], to: value: 10000. Here's my code and jsfiddle example with properly working filter and not working buttons (only slider + checkbox filtering works in that example to show how I need to filter

问题 fiddle - I've got set of values. Is it possible to add new handle or remove some of them without destroying and rebuilding slide instance? Something like $('#slider').slider('addValueAt',5); or remove. New value cannot be equal to any of actual, so there may be no more than 12 values. Its custom code I've got alredy. $(function () { var handlers = [0, 2, 4 , 9, 12]; $("#slider").slider({ min: 0, max: 12, values: handlers, slide: function (evt, ui) { for (var i = 0, l = ui.values.length; i < l

问题 I need a jquery slider with two handles with inputs from two textbox like this http://www.israel-diamonds.com/search/diamonds/default.aspx .Currently i have a single handle slider with input from a single textbox $("#slider").slider({ value: 1, step: 1000, min: 0, max: 5000000, slide: function(event, ui) { $("input").val("$" + ui.value); } }); $("input").change(function () { var value = this.value.substring(1); console.log(value); $("#slider").slider("value", parseInt(value)); }); Any

问题 I am limited to using jQuery 1.4.2 and jQuery ui 1.8.5 (this is not by choice, please do not ask me to upgrade to latest versions). I have created a slider that shows the current value above the slide bar, but what I need now is a way to populate a legend below the slide bar distanced the same as the slider (i.e. if the slider is 100px wide and there are five values the slider will snap every 20px. In this example, I would like the values in the legend to be placed at 20px intervals). Here is