Plugin SelectMenu, renvoie des erreurs
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 :
Citation:
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 :
Citation:
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 !
