小编Dav*_*wis的帖子

我正在使用redmond themeroller和我的jqGrid.文件jquery-ui-1.8.16.custom.css具有此叠加层.

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

我认为它应该在网格上做一个叠加来做造型的东西.但它似乎覆盖了我的整个页面,而网格本身仍然有鼠标事件,页面的其余部分(包括网格的寻呼机/导航器部分)没有任何鼠标事件,按钮不响应点击.网格外的选项卡 - 也没有单击事件.即使是(Main,Users ...)之外的标签也没有事件.如果我注释掉ui-widget-overlay,那么所有的按钮和标签再次起作用,但屏幕的颜色变浅,网格中的交替行颜色在每一行上都只是白色.为什么会这样？

<link rel="stylesheet" type="text/css" media="screen" href="/plugins/snap/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/plugins/snap/jqModal.css" />
<script src="/plugins/snap/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery.jqGrid-4.2.0/src/jqModal.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery.jqGrid-4.2.0/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery.jqGrid-4.2.0/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="/plugins/snap/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>

<style type="text/css">

</style>

<script type="text/javascript">
$().jquery;

function switch_tabs(obj)
{
    $('.tab-content').hide();
    $('.tabs a').removeClass("selected");
    var id = obj.attr("rel");

    $('#'+id).show();
    obj.addClass("selected");
}

var lastsel_devinfo;
$(document).ready(function() {

    $('.tabs a').click(function(){
        switch_tabs($(this));
    });

    switch_tabs($('.defaulttab'));

//$('#devInfo").jqGrid('navGrid','#pager',{},{zIndex:1234},{zIndex:1234},{zIndex:1234},{multipleSearch:true,overlay:false});
 var initialized …

当我将它放在垃圾桶对象上时,我遇到了可排序,可拖动项目的问题.
代码在这个jsfiddle中. http://jsfiddle.net/queeg/sRAmW/1/

在jsfiddle中重现问题真的很容易:

1. 将"面包"拖动到sortableA""sortableA"框展开以允许项目适合.

2. 将"面包"拖到"垃圾桶"垃圾桶将展开以接受该项目,然后该项目消失.

3. 将"sortableA"中的"面包"拖到"垃圾桶"上会出现问题.垃圾桶不会膨胀,物品会在淡出之前跳转到其他位置.