- javascript/
- Javascript 正在尝试添加slideToggle（）函数，但它不起作用
Javascript 正在尝试添加slideToggle（）函数，但它不起作用
Javascript 正在尝试添加slideToggle（）函数，但它不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个自定义样式的选择选项代码，用于选择年份和月份。我想给它添加jquery幻灯片切换效果。我正在尝试选择自定义定义的类，但它不起作用。以下是我的代码：
/*
参考：http://jsfiddle.net/BB3JK/47/
*/
$'select'。每个函数{
var$this=$this，numberOfOptions=$this.children'option'.length；
$this.addClass'select-hidden'；
$this.wrap；
$this.after
我有一个自定义样式的选择选项代码，用于选择年份和月份。我想给它添加jquery幻灯片切换效果。我正在尝试选择自定义定义的类，但它不起作用。以下是我的代码：
/*
参考：http://jsfiddle.net/BB3JK/47/
*/
$'select'。每个函数{
var$this=$this，numberOfOptions=$this.children'option'.length；
$this.addClass'select-hidden'；
$this.wrap；
$this.after；
var$styledSelect=$this.next'div.select-styled'；
$styledSelect.text$this.children'option'.eq0.text；
var$list=${
“类”：“选择选项”
}.在$styledSelect之后插入；
对于var i=0；i
$'select'。每个函数{
var$this=$this，
numberOfOptions=$this.children'option'.length；
$this.addClass'select-hidden'；
$this.wrap；
$this.after；
var$styledSelect=$this.next'div.select-styled'；
$styledSelect.text$this.children'option'.eq0.text；
var$list=${
“类”：“选择选项”
}.在$styledSelect之后插入；
对于var i=0；i我将您的原始JSFIDLE作为html中的注释进行了分叉。我在show元素上添加了slideToggleslow，在hide元素上添加了slideUpslow。这似乎可以从解决方案中解决您的问题。这是小提琴：我在下面添加了工作解决方案。如果你真的想在两者上滑动切换，我可以制作一个不同的解决方案，但这似乎比制作一个全新的函数更容易，而不是使用已有的函数。希望这有帮助
//迭代每个select元素
$'select'。每个函数{
//缓存选项的数量
var$this=$this，
numberOfOptions=$this.children'option'.length；
//隐藏选择元素
$this.addClass的-hidden'；
//将select元素包装在div中
$this.wrap；
//在隐藏的select元素的顶部插入一个样式化的div
$this.after；
//缓存样式化的div
var$styledSelect=$this.next'div.styledSelect'；
//在样式化的div中显示第一个select选项
$styledSelect.text$this.children'option'.eq0.text；
//在样式化div之后插入无序列表，并缓存该列表
var$list=${
“类”：“选项”
}.在$styledSelect之后插入；
//为每个选择选项在无序列表中插入一个列表项
对于var i=0；i不工作不是一个明确的问题陈述。请阅读，特别是清晰的问题陈述部分。太好了！只是想知道为什么当我们在选择栏外点击时菜单不会滑动？向下滑动的效果是可以的，但当我们点击月/年栏上的后退时，选项菜单向上滑动的速度会慢一些。加上箭头的行为现在没有按预期工作，因为它们在旋转后总是向下。请在这方面提供帮助！感谢您的努力，但当我们单击所选选项返回时，菜单不会关闭。
$(this).next().slideToggle("slow");