Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...