Javascript Girl
  1. Javascript Girl
  3. JQuery / jQueryUI conflit
Intereting Posts
Débogueur Javascript et Google Chrome Scripts de Google Chrome Effet inattendu de la lumière ambiante de Three.js Comment transmettre les données formatées JSON d'un WebView à une page HTML Comment sélectionner toutes les balises <a> et enregistrer l'événement onclick? Qu'est-ce qu'un objet JavaScript Blob, pourquoi est-ce utile? Comment obtenir la valeur de l'élément sélectionné dans datalist en javascript? Supprimez tous les scripts avec javascript regex Visualisation de la barre de défilement personnalisée avec HTML / CSS / JavaScript Ré-déclencher un événement de clic sur un lien avec jQuery Pourquoi false == "false" est faux? Comment détecter si la variable est une chaîne JQuery change css attribut lentement AngularJS ajoute à l'historique du navigateur sans rechargement de page et sans HTML5 pushstate Renvoie une valeur d'un appel ajax à une fonction parentale Quoi de neuf avec var x = new Array ();

JQuery / jQueryUI conflit

J'utilise certains fichiers jquery pour le contrôle automatique et le contrôleur de date-date, mais 3 fichiers parmi eux sont contradictoires:

  1. Deux fichiers pour l'autocomplification sont 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

  2. Un fichier pour le programmateur Datetime de Calender est: 

     <script src="../assets/js/jquery-1.8.3.min.js"></script>

Ces 3 fichiers se confondent lorsque je commente l'exécution de la date et l'heure de l'autocomplete. Si je décommente, le code automatique s'arrête.

Si vous souhaitez inclure les deux fichiers js que vous pouvez .. 

  <!-- load jQuery 1_8_3 --> <script src="../assets/js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> var jQuery_1_8_3 = $.noConflict(true); </script> <!-- load jQuery 1.4.2 --> <script type="text/javascript" src="jquery/jquery-1.4.2.js"></script> <script type="text/javascript"> var jQuery_1_4_2= $.noConflict(true); </script>

Il est préférable d'éviter plusieurs versions de la page … et il vaut mieux utiliser la version jquery-UI appropriée avec la version jquery

Si vous essayez seulement ces derniers, je pense que vous êtes prêt à aller: 

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"> </script> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"> </script>

No need to add other versions of jquery.

C'est probablement parce que vous incluez jQuery 2 fois. Une ancienne version et une version plus récente.

Je vous recommande d'essayer d'utiliser les versions les plus récentes de jQuery et jQuery UI et de vérifier si tout fonctionne toujours.