鼠标悬停时Jquery UI Multicolumn自动完成下拉菜单消失
Jquery UI Multicolumn autocomplete dropdown disappears on mouse hover
我使用jquery ui自动完成作为多列自动完成。代码跟随
this.$('[data-sandbar="searchbox"]').mcautocomplete({
showHeader: true,
columns: [{
name: 'First Name',
width: '70px',
valueField: 'value'
},
{
name: 'Last Name',
width: '70px',
valueField: 'LastName'
},
{
name: 'DOB',
width: '50px',
valueField: 'DOB'
}],
select: function (event, ui) {
window.location.hash = ui.item.name;
return false;
},
minLength: -1,
pageSize: 50,
autoFocus: false,
source: function (request, response) {
self.model.fetch({
data: {
searchText: text,
sortBy: '',
pageNum: 1,
pageSize: 50,
bHotList: false,
sortOrder: 'Desc',
patientId: 0,
include_entities: true
},
success: function (data) {
var availableTags = [];
$.each(data.attributes, function (val, patient) {
if (patient != "" && patient != null) {
availableTags[val] = {
name: "#patient/" + patient.PatientId,
value: patient.FirstName,
LastName: patient.LastName,
DOB: patient.DOB
};
}
});
response(availableTags);
},
error: function (e) {
console.log(e);
}
});
}
});
我面临的问题是,当我将鼠标悬停在自动完成下拉菜单上时,鼠标悬停会将列表显示块更改为无。请帮忙。。。
可能是一个悬停事件在自动完成多选组合中注册,导致列表的显示属性发生更改。
谢谢。
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- angular的下拉菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- JavaScript下拉菜单-部件在Mac上消失
- 下拉菜单在我进入链接之前消失了
- 如何使下拉菜单在一定时间后消失 JavaScript.
- 将鼠标悬停在下拉菜单上时,JQuery 悬停下拉菜单消失
- 消失的下拉菜单
- 在我到达链接之前,下拉菜单就消失了
- Jquery下拉菜单.单击时,子菜单将消失.因此,如何使子菜单在单击时保持不变
- Bootstrap 3.2-显示所有屏幕尺寸的折叠导航-下拉菜单消失
- 下拉菜单在子菜单上消失
- 使用导出工具时,显示条目下拉菜单消失
- 第二个下拉菜单在选择后消失
- 使下拉菜单消失时,点击任何东西,但菜单
- 鼠标悬停时Jquery UI Multicolumn自动完成下拉菜单消失
- WordPress中的JavaScript下拉菜单在我尝试将鼠标悬停在它上面时消失了
- 按钮将选择从下拉菜单输入到文本区域,文本立即消失
- 当鼠标不在链接上时,下拉菜单消失