La saisie semi-automatique JQuery a cessé de fonctionner

Question

La fonctionnalité de saisie semi-automatique de votre interface JQuery a cessé de fonctionner lors de la fusion d'une application.

Mes bibliothèques sont (tous les scripts):

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script> 
    <script type="text/javascript" src="js/jquery.bubblepopup.v2.3.1.min.js"></script> 
<script src="js/modernizr-1.6.min.js"></script> 
<script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.autocomplete.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.position.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.widget.js"></script> 
    <link rel="stylesheet" href="js/jquery-autocomplete/jquery.autocomplete.css" type="text/css" /> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.min.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.pack.js"></script> 

et le code: on trouve

$(function() { 
    function split(val) { 
     return val.split(",\n"); 

    } 

    function extractLast(term) { 
     return split(term).pop(); 
    } 

    $("#responsableUtu") 
    // don't navigate away from the field on tab when selecting an item 
    .bind("keydown", function (event) { 
     if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { 
      event.preventDefault(); 
     } 




    }) 

    .autocomplete({ 

     source: function (request, response) { 
      $.getJSON("username.html?startWith=" + extractLast(request.term), 

      { 

      }, response); 
     }, 

     search: function() { 
      // custom minLength 
      var term = extractLast(this.value); 
      if (term.length < 3) { 
       return false; 
      } 
     }, 
     focus: function() { 
      // prevent value inserted on focus 
      return false; 
     }, 
     select: function (event, ui) { 
      var terms = split(this.value); 
      // remove the current input 
      terms.pop(); 
      // add the selected item 
      terms.push(ui.item.value); 
      // add placeholder to get the comma-and-space at the end 
      terms.push(""); 
      this.value = terms.join(" "); 
      return false; 
     } 


    }); 
}); 

Libs. Qu'est-ce qui ne va pas?

Answer 1

Vous incluez le script de saisie semi-automatique quatre fois (deux fois le script non compressé et une fois la version mini et pack), et vous réintroduisez les modules de jQuery UI lorsque vous avez déjà inclus toute la bibliothèque.

Essayez de remplacer votre <script /> bloc de cette:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript"></script> 
<script src="js/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script> 
<script src="js/modernizr-1.6.min.js" type="text/javascript"></script> 

Cela devrait vous donner un environnement « propre » (je CDN de Google que je ne sais pas ce qui est dans vos fichiers).

Résout-il le problème?