jquery - 没有 CSS 的 slider 切换

标签 jquery jquery-ui css

我对这个开关感到比较自豪:http://jsfiddle.net/AmrnK/

问题是它不能跨浏览器,因为它使用 CSS 转换。

关于使用 jQuery 构建类似的东西有什么建议吗?

最佳答案

我使用 jQuery UI 的 .switchClass() 制作动画,使用 jQuery 的 .queue() 更改动画结束时的文本以重现此行为:http://jsfiddle.net/william/AmrnK/2/

如果您不想使用 CSS 类,您也可以使用 jQuery 的 .animate()

关于jquery - 没有 CSS 的 slider 切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7327790/

相关文章:

jquery-ui - 使 jQuery UI 可拖放一次只接受一个可拖动

jquery-ui - 从 html 数据属性设置 jQuery ui slider 参数

html - 包含文本的 Div 不占用必要的宽度

html - 高度 100% 的 Fieldset child 太大了

jquery - 使用 CSS 更改 JQuery Mobile 中复选框的宽度?

javascript - 验证整数值时如何允许空字符串

javascript - jQuery 更改 $(this) 对象中的 html

javascript - JQueryUI 在选项中添加图像

javascript - jQuery - 将鼠标悬停在一个元素上以更改两个不同的元素

javascript - 'input:-webkit-autofill' 选择什么?