jquery ui autocomplete positionnement de mal

à l'aide de l'interface utilisateur de jquery 1.8
en essayant de saisie semi-automatique

Tout fonctionne à part cela, l'interface utilisateur-menu n'est pas positionné sous mon élément d'entrée, mais plutôt dans le coin supérieur gauche.

Quelqu'un a rencontré ce problème?

Voici mon code html:

<div id="search">
    <div id="searchFormWrapper">
        <form method="post" name="searchForm" id="searchForm" action="/searchresults">
        <label for="searchPhrase" id="searchFor">
            Search for</label>
        <input name="searchPhrase" id="searchPhrase" type="text" />
        <label for="searchScope" id="searchIn">
            in</label>
        <select name="searchScope" id="searchScope">
            <option value="">All Shops</option>
            ...
        </select>
        <input type="image" name="submitSearch" id="submitSearch" src="/images/buttons/search.gif"
            alt="Search ..." />
        </form>
        <br class="clear" />
    </div>
</div>

et voici mon css:

#search
{
 width:100%;
 margin:0;
 padding:0;
 text-align:center;
 height:36px;
 line-height:36px;
 background:#666 url(/images/interface/info_bar_bg.gif) repeat-x top left;
 overflow:hidden;
 font-size:12px;
}
#searchFormWrapper
{
 width:520px;
 height:36px;
 overflow:hidden;
 margin:auto;
 padding:0;
}
label#searchFor
{
 display:block;
 float:left;
 width:80px;
 padding:0 5px 0 0;
 margin:0 0 0 0;
 text-align:right;
}
label#searchIn
{
 display:block;
 float:left;
 width:20px;
 padding:0 5px 0 0;
 margin:0 0 0 0;
 text-align:right;
}
#searchPhrase
{
 display:block;
 float:left;
 width:120px;
 margin:7px 0 0 0;
 padding:0;
}
#searchScope
{
 display:block;
 float:left;
 width:120px;
 margin:7px 0 0 0;
 padding:0;
}
#submitSearch
{
 display:block;
 float:left;
 margin:7px 0 0 10px;
 padding:0;
}

et voici mon code javascript:

$(document).ready(function()
{
    $("#searchPhrase").autocomplete(
    {
        source: "/search?json",
        minLength: 2
    });
});
  • Êtes-vous sûr que vous êtes, y compris l'INTERFACE utilisateur de jQuery CSS fichiers?
  • Yep. Vérifié que. L'interface utilisateur-menu liste tous correctement mis en forme. Juste n'est pas positionné à droite...
  • Avez-vous un lien vers une version à l'oeil? Je voudrais proposer la suppression de tous les CSS autre que le CSS pour l'auto-complétion pour le vérifier c'est toutes les autres règles de conflit.
  • Ok, le fait que (supprimé toutes les autres CSS) et c'est toujours à l'affiche dans le coin supérieur gauche au lieu de s'attachant à l'élément d'entrée ... hmm ... c'est un pas en avant, je suppose...
InformationsquelleAutor autonomatt | 2010-04-01