修复jQuery自动完成下拉菜单中的差距

时间:2016-02-26 13:39:26

标签: javascript jquery html css jquery-autocomplete

我正在使用jQuery Autocomplete。当我开始输入a并悬停其中一个选项时,我会在右侧上看到一个空白。

enter image description here

检查

然后,我尝试检查该列表。我可以看到风格,但是下拉菜单已经消失了。

enter image description here

下拉消失

enter image description here

CSS

{
    background-image: url("/images/photos/devices/xperia-z-ultra.jpg");
    background-size: 28px 19px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    /* support: IE7; */
    font-weight: normal;
}
.ui-widget-content a {
    color: #222222;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

如何解决这个差距?

我已经尝试了Chrome Dev Tool上的切换状态,但仍然没有这种风格。

任何提示/建议?

1 个答案:

答案 0 :(得分:1)

它看起来像是jQuery UI的自动完成小部件,带有主题和一些修改;但如果你选择

display:none;

在左侧的chrome dev工具中,您可以在右侧更改

display:block;

std::string serialized = save(img);
//  ...
zmq::message_t request (sizeof(serialized));
memcpy (request.data (), &serialized, sizeof(serialized));

了解最新情况,并在不消失的情况下对有问题的元素进行故障排除