ne pouvez pas obtenir jquery autocomplete de style

J'ai le jquery autocomplete exemple de travail sur une page de test, mais ne semble pas possible d'obtenir la liste déroulante de style. Il s'affiche comme un ordinaire ul li éléments (pas le fond blanc de la boîte avec une liste comme dans l'exemple). J'ai essayé ce seul et avec l'redmond thème, des idées sur ce que je fais de mal? Je vois redmond feuilles de style dans firebug, de sorte que le chargement de la page.

js (de travail)

$(document).ready(function() {
    $("input").autocomplete({
        source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
    });
});

css/js comprend

<script src="/public/javascripts/jquery-1.6.2.js'"></script>
<script src="/public/javascripts/jquery-ui-1.8.14.custom.min.js"></script>
<script src="/public/javascripts/ac.js"></script> //where the above js is 
<script src="/public/javascripts/jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css" media="print" href="/public/stylesheets/redmond/jquery.ui.all.css"/>

voici l'entrée:

<input name="searchString" type="text" class="searchbox ui-autocomplete" id="autocomplete"/>

(edit: ajout de CSS, échappé lors de la rédaction de la question)

N'est-ce pas là un manque fichier CSS ou deux dans votre comprend? Je ne vois que des fichiers JS.
Où est ton CSS?

OriginalL'auteur Joseph Burns | 2011-07-07

  1. 7

    Télécharger un thème et d'inclure le thème de la CSS.

    <link rel="stylesheet" href="/public/css/jquery-ui.css" type="text/css">

    Vous pouvez voir les thèmes ici, et il suffit de télécharger de la page de téléchargement en sélectionnant le thème que vous souhaitez dans la partie droite de la barre..

    Edit: On dirait que vous êtes à l'aide de l'ancien jQuery l'auto-complétion de plug-in qui a été abandonné. Vous pouvez essayer le code CSS suivant pour que, si vous le souhaitez. Je vous recommande FORTEMENT d'utiliser le jQuery UI autocomplete cependant.

    /* Autocomplete styles */
.ac_results {
        padding: 0px;
        border: 1px solid black;
        background-color: white;
        overflow: hidden;
        z-index: 99999;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*
        if width will be 100% horizontal scrollbar will apear
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /*
        it is very important, if line-height not setted or setted
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        /* loader image */
        background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
        background-color: #eee;
}

.ac_over {
        background-color: #0A246A;
        color: white;
}
    désolé, a ajouté le CSS entrée (oublié d'ajouter cela dans la question). Tous les fichiers css de redmond thème sont chargés quand je mets la page dans firebug.
    Êtes-vous à l'aide de l'ancien jQuery auto-plug-in? Si oui, ce serait pourquoi redmond thème ne fonctionne pas, et je vous recommande d'essayer le jQuery UI autocomplete. J'ai vérifié le Redmond thème, et il a la bonne CSS entrées à thème jQuery UI auto-complet. Il devrait fonctionner.
    Merci pour la réponse. Je ne pense pas que je suis, j'ai ramassé jquery et jquery-ui hors de jquery.com et jqueryui.com respectivement (plus tôt aujourd'hui). J'ai changé ma syntaxe pour correspondre à celui de l'exemple que vous avez publié dans ton lien et c'est toujours le même résultats, un simple " ole <ul> liste non stylé.
    Où avez-vous ac.js? Je suis en supposant que ac.js est votre saisie semi-automatique du plugin. Si c'est le cas, alors il est probable que le vieux je vous ai parlé, parce que jQuery UI autocomplete est intégré dans l'INTERFACE utilisateur de jQuery lui-même, et ne nécessite que le composant a été sélectionné à utiliser lorsque vous avez personnalisé pour la télécharger.
    ac.js est juste le code javascript ci-dessus. J'ai mis à jour afin de tenir compte de l'exemple, et changé l'id de l'entrée à des "balises" pour essayer la méthode dans l'exemple, w/o de la chance

    OriginalL'auteur John Doe

  2. -1

    Utilisation ci-dessous thème dans votre application et cela devrait fonctionner (l'ajouter dans votre page maître/modèle OU sur la page où vous implémenter la fonctionnalité d'auto-complétion.)

    jquery.l'interface utilisateur.thème.css

    double réponse?

    OriginalL'auteur Shradz