Jquery Slider StopSlide indectectable

[Jonathan.b]

Salut à tous,

J'utilise actuellement jquery mobile et je cherche à créer un "listener" sur un slider.

Le slider va de 0 à 100 et je voudrais effectuer une action lorsque sa valeur est supérieure à 90 et j'ai tenté pas mal de code différent pour ça mais rien ne marche.

J'ai l'impression que certains évènements sont supprimés dans la version mobile. Aucun "stop", "slide" ou "stop".
Si je mets une action sur l'évènement "change", elle n'est exécutée qu'une seule fois.

Est-ce que quelqu'un à une piste là dessus ?

PS : Voici un début de code

Code :

1
2
3
4
5
6
7
8
9
10
<script>
	$(document).bind("pageinit", function(){
 
		$("#unlock-slider").slider();
 
		$("#unlock-slider").change(function(){
				console.log("test");
			});
	});
</script>

[tidus_6_9_2]

As-tu essayé ceci ?

Code :

1
2
3
4
5
 
<div data-role="fieldcontain">
    <label for="slider">Input slider:</label>
    <input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
</div>

Code :

1
2
3
4
5
6
7
8
9
10
11
 
$(document).bind("pagecreate", function(event, ui) {
 
    $('#slider').siblings('.ui-slider').bind('tap', function(event, ui){ makeAjaxChange($(this).siblings('input')); });
    $('#slider').siblings('.ui-slider a').bind('taphold', function(event, ui){ makeAjaxChange($(this).parent().siblings('input')); 
 
});
 
function makeAjaxChange( elem ) { 
    alert(elem.val()); 
}

Source ici

[Jonathan.b]

J'ai essayé également mais aucune réaction.

Je ne crois pas que jquery mobile soit vraiment prévu pour ça. J'ai abandonné l'idée...