Compatibilité avec Bootstrap

Version imprimable

14/09/2016, 11h54
danieldou

Compatibilité avec Bootstrap

Salut a tous !

Je travaille en ce moment sur un site dans lequel j'ai besoin d'implémenter par mal de fonctions.
Parmi ces fonctions, j'ai (évidement) besoin d'utiliser des fonctions Jquery.
Je suis des tutos par ci par la pour les mettre en place au mieux (par exemple, l’auto-complétion, adapté du tuto de developpez.net) mais mon plus gros soucis est la compatibilité.
Je voudrais bien me conformer a une version unique (plutôt récente) de Jquery pour ne pas avoir a me soucier de la compatibilité des fonctions a chaque fois. D'autant plus que je compte utiliser Bootstrap dans mon projet (qui nécessite donc une version récente de Jquery ^^

Des pistes a me donner pour savoir comment adapter mes codes perso ou ceux des tutos pour les utiliser avec une version récente de Jquery ?

(Par exemple pour ma fonction d'auto-complétion, sur FireBug, j'ai un message d'avertissement "L’utilisation de « getPreventDefault() » est obsolète. Utiliser « defaultPrevented » à la place", j'aimerais bien résoudre ce genre de problèmes de fonctions obsolètes mais vu qu'il ne m'indique pas ou est le problème, je suis un peu perdu...)

Merci d'avance ! :)
14/09/2016, 23h22
DeRozan31

Actuellement tu utilise quelles versions de JQuery et Bootstrap ?

Je bosse en ce moment sur une application avec les deux et ça se passe très bien.
Pour les messages d'erreurs fais un petit tour sur la doc de JQuery.

Sinon après une petite recherche Google, ton problème semble ne pas être grave il est dit bien souvent un problème de syntaxe dans ton script ou alors dans le HTML. Vérifie bien ton code, sinon poste le ici ;)

Pour ma fonction d’auto-complétion j'ai utilisé la version 1.5.1 de Jquery et quand j'ai voulu installer Bootstrap 3, j'ai eu un message d'erreur m'indiquant que la version de Jquery était trop ancienne, du coup j'ai mis une plus récente mais maintenant c'est mon code qui ne fonctionne plus :/

Voila le code de la fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$(function()
{
	$("#city").autocomplete({
		source: function (request, response)
		{
			var objData = {};
			objData = { city: request.term, country: document.getElementById("country").value };
			$.ajax({
				url: "./php/autocomplete_city.php",
				dataType: "json",
				data: objData,
				type: 'POST',
				success: function (data)
				{
					response($.map(data, function(item)
					{
						return {
							label: item.city_name,
							value: function()
							{
								$('#city').val(item.city_name);
								return item.city_name;
							}
						}
					}));
				}
			});
		},
		minLength: 3
	});
});

Merci d'avance ^^