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