Plugin SelectMenu, renvoie des erreurs

[baggie]

Bonjour,

afin d'avoir des listes déroulantes plus en adéquation avec le design, j'ai voulu utiliser le plugin SelectMenu (via la documentation trouvée ici).

J'ai récupéré via le code source de la page de démonstration le code du .js et le code du .css .

Quand je veux créer ma première liste, j'écris ceci :

Code :

$('select#listeagences').selectmenu({style:'dropdown'});

Et là, dans la console de Chrome j'obtiens les erreurs suivantes :
- sur le fichier .js en lui-même :

Uncaught TypeError: Object function ( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );
} has no method 'widget'

et sur mon code ci dessus :

Uncaught TypeError: Object [object Object] has no method 'selectmenu'

Pour information, ma liste #listeagences est remplie par un appel ajax à un fichier php.

Voici également les fichiers appelés sur ma page :

Code :

1
2
3
4
5
6
7
 
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="Js/ui.selectmenu.js"></script>
<script type="text/javascript" src="lib/jquery-ui/development-bundle/ui/jquery-ui-1.8.9.custom.js"></script>
<script type="text/javascript" src="lib/jquery-ui/development-bundle/ui/jquery.ui.button.js"></script> 
<script type="text/javascript" src="lib/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="lib/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script>

Et enfin la construction de ma liste si ça peut aider :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
$.ajax({
	type: 'GET',
	url: 'liste_agences.php',
	success: function(html) {
		$("#listeagences").append('<option>Sélectionnez une agence</option>');
		// Récupération de chaque agence
		var spliter = html.split('#');
		for(a=0;a<spliter.length-1;a++)
		{
			// Récupération de chaque détail pour chaque agence
			var splitag = spliter[a].split('|');
			var agid    = splitag[0];
			var agnom = splitag[1];
			var agurn  = splitag[2];
			$("#listeagences").append('<option id="'+agid+'">'+agnom+'</option>');
		}
	}
});

Est-le fichier js qui n'est plus bon ? Quelque chose que j'aurai oublié ?

Si vous avez une idée ... Merci !

[baggie]

Je me permets de faire remonter mon sujet.

J'ai testé en écrivant

Code :

$(function() {

au début du fichier .js à la place de ce qu'il y avait.

Sur une liste simple (non remplie via Ajax), ça fonctionne à peu près.

Mais ça ne fonctionne toujours pas sur ma propre liste.

Est-ce que vous connaissez une alternative relativement similaire à ce plugin sinon ?

[SPACHFR]

Salut,

Il me semble que dropdown est avec un tiret.

Code :

1
2
$('select#listeagences').selectmenu({style:'drop-down'});