Completamento automatico stile con Zurb Foundation

Question

Qual è la prassi migliore per utilizzare le funzionalità di Foundation invece di jQuery CSS per il completamento automatico?

Ecco il mio codice: http://jsfiddle.net/qhoc/88kfb/

<div class="row"> 
<form class="custom"> 
<fieldset> 
<legend>Fieldset</legend> 
<div class="row"> 
    <div class="large-12 columns ui-widget"> 
    <label for="tags">Input Label</label> 
    <input id="tags" type="text" placeholder="large-12.columns"> 
    </div> 
</div> 
</div> 

solo che non mi piace di includere un altro file css, che è in testa alla pagina:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

Quindi credo che ho due domande :

1. c'è un modo per utilizzare dropdown dalla Fondazione o qualcosa? Sembra che dropdown sia solo per topbar e il suo css avvitato fuori da quel particolare caso d'uso.

2. Qual è un modo "standard" per creare il menu a discesa in Foundation? Si prega di aiutare con qualche esempio. Perché pensavo è sia mucchio di rows o potrebbe essere un tweak da dropdown

Answer 1

Si potrebbe provare a aggiungere la classe 'F-discesa' tramite jQuery al:

$('.ui-autocomplete').addClass('f-dropdown'); 

impostare anche sulla app.css o youystyle.css:

.ui-helper-hidden-accessible{display:none}

Spero che aiuta ... http://jsfiddle.net/vgarcias/WdncE/

Answer 2

Foundation sta ora cercando di incorporare un completamento automatico per impostazione predefinita, nella sua prossima versione. È possibile trovare la voce in questo

https://github.com/zurb/foundation/issues/3100