jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了有没有办法将Chosen jQuery插件始终放在前面?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用Chosen插件和其他一些插件,如jQuery Layout和jqgrid

没有选择我的选择框看起来像这样:

http://i.stack.imgur.com/x8qQv.png

并选择:

http://i.stack.imgur.com/XlSMz.png

它与jQuery Layout重叠.

有没有办法让Chosen始终站在前面?

我玩了两个插件的不同CSS设置,但无济于事..
请帮忙弄清楚要做什么.

HTML:

<div class="ui-layout-center"></div>
<div class="ui-layout-north">
    <div style="width: 250px; position:relative; z-index:99999">
        <select id="picker" style="width: 250px">
            <option value='1'>1</option>
            <option value='2'>2</option>
            <option value='3'>3</option>
            <option value='4'>4</option>
            <option value='5'>5</option>
            <option value='6'>6</option>
        </select>
    </div>  
</div>
<div class="ui-layout-south"></div>
<div class="ui-layout-east"></div>
<div class="ui-layout-west"></div>

jQuery的:

$('#picker').chosen();
$('body').layout(
    { applyDefaultStyles: true }
);

链接到JSfiddleFiddle

解决方法

具有z-index的嵌套div永远不会高于父级之外的元素. This文章解释得很好.您可以做的是将嵌套的div移到外面,并在单击.ui-layout-toggler-north时切换可见性.见 JSFiddle

$('.ui-layout-toggler-north').click(function(){
    $('#chosen_select').toggleClass('hide');
});

注意:我将.ui-layout-north div中的select元素作为实际“selected select”元素的placholder.

大佬总结

以上是大佬教程为你收集整理的有没有办法将Chosen jQuery插件始终放在前面?全部内容,希望文章能够帮你解决有没有办法将Chosen jQuery插件始终放在前面?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: