我试图根据用户的选择一次显示一个字段集.理论上说,所有字段集应首先隐藏,然后应显示所选字段集.我正在使用jQuery的fadeOut和’fadeIn`函数.
你可以看到这个here的小提琴.
但它不能正常工作.怎么了?更改所有权类型时,会显示前两个字段集,然后它们会变暗和淡出,然后会出现预期的字段集.但是,所需的行为是,在更改所有权类型时,当前可见的字段集会淡出,然后预期的字段集淡入.
解决方法
您也可以使用’promise’
http://api.jquery.com/jQuery.when/来确保在fieldset淡出之后fadein发生.
$(function() { var ownershipType = $('#ownershipType').first(); var fieldsets = $('fieldset'); ownershipType.change(function() { var promise = fieldsets.fadeOut(2000); $.when(promise).then( function () {$('fieldset[data-ownership-type=' + ownershipType.val() + ']').fadeIn('fast'); }); }); });
原文地址:https://www.jb51.cc/jquery/177520.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。