使用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());
    });
}

$('#ame').blur(function() {
  $(this).hide();
});