简体   繁体   English

jQuery自动完成UI结果导航与箭头键问题

[英]JQuery autocomplete ui results navigation with arrow keys issue

I've managed to get the jquery autocomplete ui to work and I've been able to set a link correctly, the only issue is that, instead of being able to click on the suggested results, you have to use the arrow keys to navigate through them. 我设法使jquery自动完成ui正常工作,并且能够正确设置链接,唯一的问题是,您不必使用建议的结果,而必须使用箭头键进行导航通过他们。 I've further added the jQuery UI css package. 我进一步添加了jQuery UI css包。 queryui/1.11.4/jquery-ui.min.css queryui / 1.11.4 / jQuery的ui.min.css

The images look like you have an CSS z-index problem, try to add this to your CSS file: 图片看起来像您有CSS Z-index问题,请尝试将其添加到CSS文件中:

.ui-autocomplete.ui-widget-content { 
    z-index: 9999;
}

This should fix the problem. 这应该可以解决问题。

Your user information overlays the suggestionlist, so you are not able to click the items. 您的用户信息覆盖在建议列表上,因此您无法单击这些项目。 Are these information absolute or relative positioned? 这些信息是绝对的还是相对的?

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM