Plusieurs curseurs jquery-ui

Question

Je rencontre des problèmes en utilisant plusieurs curseurs en même temps.

Dans le html j'ai quelque chose comme:

<div id="slider1"></div> 
<div id="slider2"></div> 

Et dans le javascript:

$("#slider1").slider({ 
    slide: function(event, ui) { alert("slider 1 slided"); } 
}); 

$("#slider2").slider({ 
    slide: function(event, ui) { alert("slider 2 slided"); } 
}); 

Les deux curseurs apparaissent, mais lors du déplacement Slider1 il affiche l'alerte "curseur 2 coulissé". Si j'ajoute plus de curseurs, le comportement est le même, tous les curseurs appellent l'événement pour le dernier curseur enregistré.

Ai-je raté quelque chose ou est-ce un bug dans jquery-ui?

C'est jquery avec jquery-1.4.2 ui 1.8.6

Answer 1

Voici ce que vous avez publié dans un décompressé sur exemple de travail complet, et tout fonctionne correctement. Vous devrez poster plus de code qui duplique complètement le problème avant que quiconque ne puisse vous aider.

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.6/jquery-ui.min.js"></script> 

<link href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.6/themes/dark-hive/jquery-ui.css" type="text/css" rel="stylesheet"/> 

<div id="slider1"></div> 

<br/> 

<div id="slider2"></div> 

<script> 
    $(function(){ 

     $("#slider1").slider({ 
      slide: function(event, ui) { alert("slider 1 slided"); } 
     }); 

     $("#slider2").slider({ 
      slide: function(event, ui) { alert("slider 2 slided"); } 
     }); 

    }); 
</script>