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实现下拉框后，点击分页按钮再点击空白区域，下拉框为何不会收起？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1494725.html
微信扫一扫 
支付宝扫一扫 
