Search jQuery

jQuery Forum

How to disable slider track click event on jQuery Mobile

in jQuery Mobile • 8 months ago

We can drag the circle button or click somewhere on the track to do the slide, how to disable the track click function on jQuery Mobile, I just want to slide by drag the button, I tried this

$('div[role="application"]').unbind('vmousedown');

but it cause the drag function failed too

Replies(1)

btate

Re: How to disable slider track click event on jQuery Mobile

6 months ago

Try this.

/**

* Turns off the track click for the given slider control

function disableSliderTrack($slider){

$slider.bind("mousedown", function(event){

var x = event.pageX;

var y = event.pageY;

var $handle = $(this).find(".ui-slider-handle");

var left = $handle.offset().left;

var right = left + $handle.outerWidth();

var top = $handle.offset().top;

var bottom = top + $handle.outerHeight();

return (x >= left && x <= right && y >= top && y <= bottom);

});

}

disableSliderTrack($(".ui-slider"));

Top Reply

Response title

Attachments

jQuery Forum

How to disable slider track click event on jQuery Mobile

Replies(1)

Re: How to disable slider track click event on jQuery Mobile

Statistics

Tags

Actions

Related Posts