javascript - Uniform.js 样式替代 SexyCombo 表单选择

标签 javascript html css

目前我们使用 SexyCombo 来设计我们的下拉菜单。它有一些 uniform.js 中不存在的问题,但 uniform 很难集成到现有站点中。我可以使用其他制服替代品吗?

特别是我们与 SexyCombo 的问题是:

  1. 触发样式应用(js 调用 .sexycombo())导致验证触发和 ajax 调用的事件(模糊或点击 - 尚不确定)
  2. Tab 键不会改变字段之间的焦点

我们的要求是:

  1. 带样式的背景图片
  2. 样式化的下拉箭头图像
  3. 不需要下拉菜单中的样式选项
  4. 使用 jQuery 1.3.2(如果需要 jquery)

Uniform.js 满足这些要求。例如,参见 http://www.gourmetcat.co.nz/personalitytest?id=107 .它具有我们需要的所有功能,但是它是一个非常笨重的库,很难集成到现有站点中。需要明确的是,我们只需要下拉功能,不需要其他任何东西。

那么有没有具有uniform特性、易于集成的替代方案呢?

最佳答案

事实证明,有一个名为 UFD(Unobtrusive Fast-Filter Dropdown)的 SexyCombo 的后继者。因为它是 SexyCombo 的分支,所以在我的情况下显然非常容易使用。

幸运的是,它解决了我的确切问题 - 制表符和无关事件触发已修复。他们清楚地说明了他们已经放弃了什么来使这个(和其他改进)成为可能 (http://code.google.com/p/ufd/wiki/WhyTheFork),但幸运的是没有影响我的需求。

转到 http://code.google.com/p/ufd/ - 提供的小书签很快突出显示这对我有用。

关于javascript - Uniform.js 样式替代 SexyCombo 表单选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7844228/

相关文章:

javascript - Php-javascript 代码只工作一次

javascript - 如何在 OpenLayers 中向 LineString 添加文本?

javascript - 如何: Add text in back-to-top button

html - 如何在 HTML 或 CSS 中绘制矩形?

javascript - 有选择地添加和删除相同 CSS 属性的值

php - 使用 php 将 Google Maps 多边形覆盖图保存到 oracle 中

javascript - 是否可以通过文件上传上传 JSON 文件并在不与 API 交谈的情况下读取 Angular 6 中的内容?

html - 隐藏 float 兄弟时自动展开 div

javascript - 我如何将菜单放在 Bootstrap 面板的左侧?

html - 如何在另一个 div 内的两个 div 之间插入一些水平空间?