使用 Flexbox 生成下拉框，点击空白区域无法收起，如何解决？-小浪资源网

使用 Flexbox 生成下拉框，点击空白区域无法收起，如何解决？

flexbox 下拉框收不回问题解决方法

问题：使用 flexbox 生成下拉框后，分页后点击空白区域，下拉框无法收起。

代码：

<div style="float: left;">     <span class="label w110"><em class="requiredicon">*</em>*****</span>     <input type="hidden" name="xx.dm" id="dm" value="${xx.dm}"><input type="hidden" name="xx.mc" id="mc" value="${xx.mc}"> </div> <div id="ame" style="display: inline-table; margin-right: 40px;"></div>

登录后复制

function FzFlexBox() {     $('#ame').flexbox(cj, {         inputClass: 'ffb-input required',         resultTemplate: '<div class="col2" title="{name}">{name}</div>',         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());     }); }

登录后复制

解决方法：

缺乏关闭下拉框的代码，需要在 blur 事件中添加 $(‘#ame’).closeflexbox(); 代码关闭下拉框。

文章版权归作者所有，未经允许请勿转载。【小浪云服务商 - 服务器12元起 - 挂机宝5元起】

THE END