jquery ui combobox下拉菜单带到前面

时间:2015-11-18 01:23:26

标签: javascript jquery html css combobox

我正在jquery accodrdion propblem中使用jquery ui combobox我有的是如果组合框下拉菜单延伸到手风琴部分之后它隐藏在后面。我认为它可能与z-indez有关但是当我尝试检索值以查看是否存在问题时我得到'auto'这没有任何帮助。我添加了一个屏幕截图,以显示我想解释的问题。

combobox drop down menu

这是一个jsfiddle ...... jsfiddle

$('select').combobox();

编辑:工作jsfiddle

我改变了什么...

删除职位

.ui-combobox { display: inline-block; margin: 0; margin-right: 1.8em; }

将位置改为亲戚,是绝对的。增加高度。并更改顶部:-2px,使用为0.

.ui-combobox-button { position: relative; height: 24px; width: 1.8em !important; margin: 0; margin-left: -1px; top: -2px; bottom: 0; }

2 个答案:

答案 0 :(得分:1)

enter image description here我检查了codepen并且z-index不适用,也许我做得不对,但我确实添加了一个Jquery代码,它可以工作!

这是代码

$(document).ready(function(){
    $(".ui-button-icon-primary").click(function(){
        $("#sinkDetails").height($(this).height()*15); 
    });
}); 

答案 1 :(得分:0)

问题在于定位,这是一个更新的jsfiddle,其中包含新的css代码。

cat .ssh/id_rsa.pub | ssh otherhost 'cat >>.ssh/authorized_keys'