我需要一个可靠的jQuery / CSS选择框插件的建议

时间:2011-11-16 15:05:35

标签: jquery html css jquery-plugins

我目前正在开发一个使用Dropkick.js插件来设置选择框样式的项目。我们遇到的一个问题是,dropkick虽然看起来不错,但却不会反映选择框的方法,属性和事件。

我必须编写很多额外的代码来禁用/启用选择,获取和设置值以及许多其他的东西,以便让选择与网站的其余部分很好地协作并与其他表单元素交互

所以我们切换到测试selectBox。 Fantasic插件有一个例外:如果您通过ajax和jQuery删除/添加选择页面,它会破坏页面中每个选择的设置。这会导致整个地方出现无法使用的选择和JS错误。由于我们正在做很多动态内容,所以这也不会有用。

是否有一个GOOD选择插件可以公开选择框的所有方法和属性,可以很好地设置样式,并且可以使用动态内容吗?

感谢您的建议!

4 个答案:

答案 0 :(得分:10)

以下是我所知道的几个选项(没有特别的顺序):

StyleSelect

Website

包含现有的<select>标记,因此所有事件,属性等都应保持可访问状态。虽然默认样式不是很好,但可以定制的数量有限制。

选上的

Website - Github

很好的默认样式,但生成的标记有点奇怪,它不支持您可能需要的所有回调(仅change

jQuery UI Selectbox

Website - Github

如果您已经在使用jQuery UI,这是一个不错的选择 - 否则可能会产生过多的开销。它不使用<select>的事件,但具有等效的回调(甚至是常规提交中不存在的回调,例如open / close)。它也符合ARIA

jStyling

Website - Github

再次,包装原始<select>标记。支持disabled个选项。默认样式相当没有吸引力,它的设计涵盖的不仅仅是选择框(可能不需要的瑕疵)。

均匀

Website - Github

易于实现,支持多个主题。然而,缺乏回调,有时必须强制update元素(已经提到),不仅仅包括选择框(再次,可能不需要的东西)。

答案 1 :(得分:3)

Uniform根据我的经验很有效。如果动态更新值,则必须调用更新函数,但这很容易。

答案 2 :(得分:1)

制服看起来很酷!

我在这里看到了类似的方法:http://www.verot.net/jquery_select_skin.htm

它只是使用不透明度隐藏选择框,并覆盖您可以设置样式的div

答案 3 :(得分:1)

我最近发布了SelectBoxIt。它充满了功能,所以检查出来。

SelectBoxIt 显着特征:

  • 使用jQueryUI Themeroller(可选)

  • 支持所有jQuery和jQueryUI显示/隐藏效果(可选)

  • 支持所有jQueryUI /自定义图标

  • 包括ARIA(可访问的富Internet应用程序)支持

  • 全键盘搜索和导航支持

  • 在调用插件的原始选择框元素上触发的事件API

  • 一种方法API,提供与下拉列表交互的方法(即搜索,打开,禁用,设置选项)。

  • 传递jsHint没有错误

  • 选定,已禁用和选项组支持

  • 可轻松扩展以允许开发人员创建新的小部件