正常的显示效果为:
但是我在另一个项目使用的时候,就出现了一个问题,那就是貌似页面被一个半透明的层遮罩住了,导致了页面颜色变暗和导航栏无法被点击。
出现问题的页面(整个页面大部分出现颜色变暗以及导航栏的标签无法被点击的问题):
其他正常的页面(没有使用jqgrid的页面颜色正常,导航栏可点击):
估计出现遮罩效果的div:
CSS:
附上页面的代码:
"> $(document).ready(function() { $("#gridTable").jqGrid({ url : 'getThemes.action',//获取数据的地址 datatype : "json", height : 300, autowidth : true, colNames : [ '主题ID', '主题', '主题内容', '发起人' ], colModel : [ { name : "id", index : "id", label : "主题ID", width : 30, sortable : true, resizable : true }, { name : "themeName", index : "themeName", label : "主题", width : 50, sortable : true, resizable : true }, { name : "themeContent", index : "themeContent", label : "主题内容", width : 120, sortable : true, resizable : true }, { name : "creator", index : "creator", label : "发起人", width : 60, sortable : false, resizable : true }, ], sortname : 'themeID', sortorder : 'desc', viewrecords : true, rowNum : 10, rowList : [ 10, 20, 30 ], jsonReader : { root : "dataRows", // 数据行(默认为:rows) page : "curPage", // 当前页 total : "totalPages", // 总页数 records : "totalRecords", // 总记录数 repeatitems : false // 设置成false,在后台设置值的时候,可以乱序。且并非每个值都得设 }, prmNames : { rows : "page.pageSize", page : "page.curPageNo", sort : "page.orderBy", order : "page.order" }, pager : "#gridPager", caption : "我的投票", onCellSelect : function(id) { window.location.href = "test.html?id=" + id; } }).navGrid('#gridPager', { edit : false, add : false, del : false }); });
查看更多关于求助:关于使用jqueryUI组件后页面被某个div遮罩导致超级连接无法点击的问题_html/css的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did112918