JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – Zurb Foundation的样式自动完成功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用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>

我只是不喜欢在页面上包含另一个.css文件:

<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/

大佬总结

以上是大佬教程为你收集整理的javascript – Zurb Foundation的样式自动完成功能全部内容,希望文章能够帮你解决javascript – Zurb Foundation的样式自动完成功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。