我需要一个可靠的jQuery/CSS选择框插件的建议
我目前正在从事一个项目,该项目使用Dropkick.js插件来设置选择框的样式。我们遇到的一个问题是,虽然dropkick看起来不错,但它并没有镜像选择框的方法、属性和事件 我不得不编写很多额外的代码来禁用/启用选择、获取和设置值以及其他一些事情,以便让选择与站点的其余部分配合良好,并与其他表单元素交互 所以我们切换到测试选择框。Fantasic插件有一个例外:如果您通过ajax和jQuery删除/添加页面选择,它会破坏页面中每个选择的设置。这会导致各地出现无法使用的SELECT和JS错误。因为我们正在做很多动态内容,这也不起作用 有没有一个好的选择插件可以公开选择框的所有方法和属性,可以很好地设置样式,并且可以处理动态内容 谢谢你的建议 根据我的经验,效果很好。如果动态更新值,则必须调用更新函数,但这很简单。统一看起来很酷 我在这里看到了类似的方法:我需要一个可靠的jQuery/CSS选择框插件的建议,jquery,html,css,jquery-plugins,Jquery,Html,Css,Jquery Plugins,我目前正在从事一个项目,该项目使用Dropkick.js插件来设置选择框的样式。我们遇到的一个问题是,虽然dropkick看起来不错,但它并没有镜像选择框的方法、属性和事件 我不得不编写很多额外的代码来禁用/启用选择、获取和设置值以及其他一些事情,以便让选择与站点的其余部分配合良好,并与其他表单元素交互 所以我们切换到测试选择框。Fantasic插件有一个例外:如果您通过ajax和jQuery删除/添加页面选择,它会破坏页面中每个选择的设置。这会导致各地出现无法使用的SELECT和JS错误。因为
它只是使用不透明度隐藏选择框,并覆盖一个可以设置样式的div,以下是我知道的几个选项(没有特定顺序): 样式选择 包装现有的
标记,因此所有事件、属性等都应保持可访问性。不过,默认样式并没有那么好,而且定制的数量也有限制
被选中的
-
不错的默认样式,但是生成的标记有点奇怪,它不支持您可能需要的全部回调(仅change
)
jQuery用户界面选择框
-
如果您已经在使用jQueryUI,那么这是一个很好的选择——否则可能会有太多的开销。它不使用
的事件,但具有等效的回调(甚至是定期提交时不存在的回调,如open
/close
)。而且它是兼容的
杰斯特林
-
再次包装原始的
标记。支持禁用的选项。默认的样式是相当没有吸引力的,它的设计覆盖范围不仅仅是选择框(可能不需要的积垢)
统一的
-
易于实现,支持多个主题。虽然缺少回调,但有时不得不强制更新元素(前面已经提到过),覆盖的不仅仅是选择框(同样,可能是不需要的积垢)。我最近发布了。这是果酱包装与功能,所以检查出来
选择BoxIT显著功能:
- 可使用jQueryUI Themeroller设置样式(可选)
- 支持所有jQuery和jQueryUI显示/隐藏效果(可选)
- 支持所有jQueryUI/自定义图标
- 包括ARIA(可访问的富Internet应用程序)支持
- 全键盘搜索和导航支持
- 在调用插件的原始选择框元素上触发的事件API
- 提供与下拉列表交互的方法(即搜索、打开、禁用、设置选项)的方法API
- 无错误地传递jsHint
- 已选择、已禁用和Optgroup支持
- 易于扩展,允许开发人员创建新的小部件
您确定selectBox会在每次选择时销毁设置吗?我最近在一个项目中使用了selectBox,该项目根据以前的选择动态添加select元素,但从未出现过这种问题。也许你的代码有问题?问题不在于添加选择,而在于删除它们。这是一个兽医网站,所以如果你选择你的宠物类型(猫/狗),它可能会添加一个选择体重范围。如果您更改宠物类型,它将删除刚刚添加的select或内容,然后将内容加载到页面中。在这之后,所有的选择都不起作用-我在unnified selectBox.js的第496行附近得到一个错误“settings is undefined”。不知道那里发生了什么。