Question

我正在开发一个完整的网站，我在jQuery中显示了一个自动完成的虚拟键盘。选择名称后，我需要隐藏键盘。我尝试使用blur函数，但它没有用。

您可以在下面看到我的代码：

$('#Nom')
.keyboard({ layout: 'qwerty' })

.autocomplete({
    source: liste, closeOnSelect:true, select: function (event, ui) {
        $("#NomVal").val(ui.item.id);     
        $('body > form > div > div.metro.single-size.login > button').html("Login <i class='icon-long-arrow-right'></i>");      
        $('body > form > div > div.metro.single-size.login > button').trigger('click');
        $('#Nom').blur();
    } 
})
// position options added after v1.23.4
.addAutocomplete({
    position : {
        of : null,        // when null, element will default to kb.$keyboard
        my : 'right top', // 'center top', (position under keyboard)
        at : 'left top',  // 'center bottom',
        collision: 'flip'
    }
})

Answer 1

我假设您正在使用http://mottie.github.io/Keyboard/中的jQuery Virtual Keyboard插件。

在select Callback中，让键盘实例关闭它：

 function (event, selectedItem) {
    $(event.currentTarget).getkeyboard().close(true);
 }

示例：http://jsfiddle.net/egb3a1sk/787/

选择值后隐藏键盘

1 个答案: