flexbox使用上的问题
问题描述：
在页面中使用了flexbox实现一个下拉框，当点击下拉框后，下拉框会正常显示。但是，当点击页面上的分页按钮后，鼠标移到其他空白区域并再次点击时，下拉框不会收起。
代码示例：
******...
登录后复制
function fzflexbox(){ $('#ame').flexbox(cj,{ inputclass: 'ffb-input required', resulttemplate: '{name}', onselect : function() { $('#dm').val($('#ame_hidden').val()); $('#mc').val($('#ame_input').val()) }, paging : { pagesize : 10, summarytemplate : '显示 {start}-{end} 共{total} 结果' }, initialvalue : "${xx.mc}" }); $('#gldcjggajgjgdmname_input').blur(function() { $('#mc').val($('#ame_input').val()); });}
登录后复制
解决方案：
根据代码示例，可以使用以下方法解决问题：
$('#ame').blur(function() { $(this).hide();});
登录后复制
这个方法会在blur事件（当鼠标移出元素时）触发，隐藏下拉框。
以上就是使用Flexbox实现下拉框后，点击分页按钮再点击空白区域，下拉框为何不会收起？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2660542.html
