Javascript fadeIn无法使用更改效果

Javascript fadeIn无法使用更改效果,javascript,jquery,function,select,input,Javascript,Jquery,Function,Select,Input,我有一个功能FadeBoltogle,它检查一个条件是否为真,然后在元素中淡出,如果不是,它将淡出/不显示 除了一个关键部分外,代码大部分都在工作。如果您同时检查包1和包2。它最初执行正确,只有标题包1显示,但我想发生的是,在选择选择选项后,包2应该淡入 因此,这篇文章的开头部分是正确的 但是,当选择一个select时,代码并没有按照我所希望的方式工作。当选择包1和包2时,包2应淡入 有人知道我做错了什么吗 jQuery.fn.fadeboltoggle=functionbool{ 返回boo

我有一个功能FadeBoltogle,它检查一个条件是否为真,然后在元素中淡出,如果不是,它将淡出/不显示

除了一个关键部分外,代码大部分都在工作。如果您同时检查包1和包2。它最初执行正确,只有标题包1显示,但我想发生的是,在选择选择选项后,包2应该淡入

因此,这篇文章的开头部分是正确的

但是,当选择一个select时,代码并没有按照我所希望的方式工作。当选择包1和包2时,包2应淡入

有人知道我做错了什么吗

jQuery.fn.fadeboltoggle=functionbool{ 返回bool?this.fadeIn400:this.fadeOut400; } $'.product check'。在“更改”上,函数{ 如果$'package1'.is':选中&&$'package2'.is':选中{ $‘pg-selection’。显示; $'tp-selection'。隐藏; //$'tp-selection'.FadeBooltLoggle$'calendar-preview-select选项:已选定'.length>0; }如果$'package2'.not':checked'&&&$'package1'.is':checked'{ $‘pg-selection’。显示; $'tp-selection'。隐藏; }如果$'package1'.not':checked'&&&$'package2'.is':checked'{ $'tp-selection'。显示; $'pg-selection'。隐藏; } }; $'calendar-preview-select'。在“更改”功能上{ 如果$'calendar-preview-select选项:选中'{ $'html,body'。设置动画{ scrollTop:$'calendar-preview-select'。offset.top-10 }, 800; 如果$'package1'.prop'checked'&&$'package2'.prop'checked'{ $'tp-selection'.FadeBooltLoggle$'calendar-preview-select选项:已选定'.length>0; //$'tp-selection'。显示; $'next2'。隐藏; } } }; pg选择, tp选择{ 显示:无; } 包1 方案2 第1组 请选择选项 选择1 选择2 第2组
您可以在代码段中看到错误。这是因为没有pg preview wrap元素,因此offset.top是未定义的。您的fiddle控制台说没有id为-pg preview wrap的元素,您正在尝试将html主体动画化到其顶部位置,该位置未定义,因此执行停止在那里。所以,要么检查该元素并定义它,要么删除它。休息吧,一切看起来都很好@Rorymcrossan没能从我的实际代码中改变这一点。这个错误在我的实际代码中不存在,我更改了我的问题。我的实际代码是相同的格式,但这不适用于它。@Rorymcrossan我知道大多数人不喜欢看一堆代码,所以我尝试尽可能简单地重新创建它。下面是一些实际的代码。你可以从中看出这是行不通的。