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());                 }); }
登录后复制

要解决这个问题,需要修改代码,以便在点击空白区域时关闭下拉框。可以在代码中添加以下事件侦听器:

$(document).click(function(e) {   if (!$(e.target).is('.flexbox-contAIner, .flexbox-result')) {     $('.flexbox-container').hide();   } });
登录后复制

这样,当用户点击空白区域(不是下拉框或其组件)时,下拉框将自动隐藏。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容