La funzionalità per disabilitare i cursori è stato implementato impostando l'attributo data-slider-enabled
a true
o false
.
in modo da poter implementare un cursore disabile come questo:
<input id="slide" type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="5" data-slider-enabled="false"/>
O un cursore abilitato come questo:
<input id="slide" type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="5" data-slider-enabled="true"/>
È inoltre possibile abilitare e disabilitare i cursori come questo con jQuery:
$("#slide").slider();
$("#slide").slider("enable");
$("#slide").slider("disable");
O in questo modo con puro JavaScript:
var slide = new Slider("#slide");
slide.enable();
slide.disable();
Per l'implementazione si avrebbe bisogno di fare questo:
$("#stopDrag").click(function(){
$("#slide").slider("disable");
});
fonte
2017-06-05 14:15:04
Grazie per la risposta esauriente. Merita sicuramente più voti! Tuttavia, mi sono reso conto che non era compatibile con il suggerimento: una volta che il cursore è disabilitato, il tooltip è sparito per sempre.Questo perché gli eventi mouseenter e mouseleave non vengono più gestiti. Sono stato in grado di risolvere il problema, niente di speciale. Ho pensato che potresti voler aggiornare la tua risposta per tenere conto di questo punto. –
Come l'hai risolto? – DeadlyChambers
FYI Questo è ora integrato! –