thecreation / jquery-asrange Goto Github PK

Is it possible to use negative values?

I have a range from -10 to 70 but if I select -10, the value outputs as 0 not -10. How can I fix this?

在ie8下数值显示错误，无法拖动

Right-to-left

there's no support for RTL cases like arabian website where the direction is right to left thus sliders like price range should be reflected.

Checklist

• I'm using version 0.3.3
• My browser is: Chrome 57.0.2987.98 (64-bit)

Description

Vertical orientation is the same as horizontal.

How can we reproduce this bug?

Set the option : orientation: "v"

What did you expect to happen?

Vertical range !

What happened instead?

Horizontal range !

As I see it, there isn't any option to create a range other than for regular numbers. Can I also use a range of times?

Checklist

• I'm using version [0.3.4]
• My browser is: Chrome, Firefox and other's I havent seen

Description

I have form on my page which has multiple text input fields. I wanted to add a range slider too. I added it via the code below. The issue is that whenever I open the page it is autofocusing on the slider which should not be the case. I checked the documentation to see whether there is any option to alter autofocus or not, but didn't find any. Could any one please help.

This is how I used it in my code:

var rangeSlider = function(){
var slider = $(document).find('.my-range-slider');
slider.each(function(){
    var value = $(this).attr('value');
    $(this).asRange({
        step: $(this).attr('step'),
        range: false,
        min: parseInt($(this).attr('min')),
        max: parseInt($(this).attr('max'))
    });
    $(this).asRange('val', value);
});
};
rangeSlider();

$('#toleranceRangeSlider').asRange();

$('#toleranceRangeSlider').on('asRange::change', function (e) {
//this works
});

$('#toleranceRangeSlider').on('asRange::end', function (e) {
//does not get called during mouse up
});

1. How to set initial ( on load ) pointer position 1st at 0 and the 2nd on 100?
2. I am using 2 pointer range slider. I prefer to keep js code which is relative to the functionality. Can you please tell me how and what to remove in the js code.

I'm not able to make scale feature work. Can you please provide an example?

The documentation instructs multiple initial values to be set with the syntax:
[ min, max ]
^ This does not work in the cloned version
The example uses the syntax:
min, max ( without brackets )
^ This works fine

Please update your documentation

Hi, I am using this script to create a range slider using WP. I will need to get the range value when it changes and adds a thousand separators.

I have tried to use it by using jQuery onChange event and it's not working? Is there any way to do this?
(function($){ $(function() { $("body").on("asRange::change", function (e) { console.log("NOT Getting the Value"); }); }); })(jQuery);