使用Foundation功能而不是jQuery CSS进行自动完成的最佳做法是什么?
这是我的代码: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>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
所以我想我有两个问题:
>有没有办法使用基金会的下拉菜单?看起来下拉列表仅适用于topbar,其css在特定用例之外搞砸了.
>在Foundation中创建下拉菜单的“标准”方法是什么?请帮忙举个例子.因为我认为它是一堆行或者它可能是从下拉列表中调整的
解决方法
您可以尝试通过jquery将’f-dropdown’类添加到:
$('.ui-autocomplete').addClass('f-dropdown');
也可以在app.css上设置youystyle.css:
的.ui辅助隐藏访问的{显示:无}
我希望它有所帮助…… http://jsfiddle.net/vgarcias/WdncE/