
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事件(当鼠标移出元素时)触发,隐藏下拉框。










