自己搞一个小前台,之前在引用了js、css后没有添加图片库导致jqgrid的图标没有显示出来,但是后来加上了图片库之后,就出现了以下问题:然后这里是代码
<!DOCTYPE html>
<html>
<head>
<title>Main.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>这是页面主页面</title>
<link href="newjs/js/layout.css" rel="stylesheet" type="text/css" media="screen" >
<link href="newjs/js/searchFilter.css" rel="stylesheet" type="text/css" media="screen" >
<link href="newjs/js/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" media="screen" >
<script type="text/javascript" src="newjs/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="newjs/js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="newjs/js/grid.locale-zh_CN.js"></script>
<script type="text/javascript" src="newjs/js/jquery.jqGrid.src.js"></script>
<script>
$(function(){
$("#accordion").accordion({
collapsible:true
});
var accordion1 = $("#accordion1").accordion({
collapsible:true
});
$("#tabs").tabs({
collapsible:true
});
$("#userbutton").button();
$("#cipherbutton").button();
var grid = $("#grid_id").jqGrid({
url:'',
datatype:"json",
width:"600px",
height:"100px",
caption:"用户信息表",
rowNum:"10",
colNames:['1','2','3','4','5'],//列名
colModel:[
{name:'selectNo',index:'selectNo',width:100,align:"center", sortable:true},
{name:'username',index:'username',width:100,align:"center",sortable:true},
{name:'selectNo1',index:'selectNo1',width:100,align:"center", sortable:true},
{name:'username1',index:'username1',width:100,align:"center",sortable:true},
{name:'password',index:'password',width:100,align:"center", sortable:true}
],
viewrecords:true,
jsonReader:{
root:"datalist",
repeatitems:false
},
prmNames:{
rows:"page.pageSize",
page:"page.curPageNo",
sort:"page.orderBy",
order:"page.order"
},
pager:"#gridPager",
});
$("#grid_id").jqGrid('navGrid', '#gridPager');
});
</script>
</head>
<body>
<!-- 首先要放置一个container -->
<div id="container">
<!-- 在container中放置其他元素 -->
<!-- 标题元素 -->
<div id="header">
<h1>个人密码管理</h1>
</div>
<!-- 主内容元素 -->
<div id="maincontent">
<!-- 加入side元素 -->
<div id="side">
<div class="sidebox">
<div id="accordion">
<h3>管理</h3>
<div>
<button id="userbutton">用户信息管理</button>
<button id="cipherbutton">解锁密码管理</button>
</div>
<h3>第二个标题</h3>
<div>
<p>内容</p>
</div>
<h3>第三个标题</h3>
<div>
<p>内容</p>
</div>
</div>
</div>
</div>
<!-- 这是main元素 -->
<div id="main">
<div id="tabs">
<ul>
<li><a href="#tabs-1">123</a></li>
</ul>
<div id="tabs-1">
<table id="grid_id"></table>
<div id="gridPager"></div>
</div>
</div>
</div>
</div>
<div id="foot">
<h4>版权所有</h4>
</div>
</div>
</body>
</html>
实在找不到什么地方出了问题了,求大家帮帮忙
<!DOCTYPE html>
<html>
<head>
<title>Main.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>这是页面主页面</title>
<link href="newjs/js/layout.css" rel="stylesheet" type="text/css" media="screen" >
<link href="newjs/js/searchFilter.css" rel="stylesheet" type="text/css" media="screen" >
<link href="newjs/js/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" media="screen" >
<script type="text/javascript" src="newjs/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="newjs/js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="newjs/js/grid.locale-zh_CN.js"></script>
<script type="text/javascript" src="newjs/js/jquery.jqGrid.src.js"></script>
<script>
$(function(){
$("#accordion").accordion({
collapsible:true
});
var accordion1 = $("#accordion1").accordion({
collapsible:true
});
$("#tabs").tabs({
collapsible:true
});
$("#userbutton").button();
$("#cipherbutton").button();
var grid = $("#grid_id").jqGrid({
url:'',
datatype:"json",
width:"600px",
height:"100px",
caption:"用户信息表",
rowNum:"10",
colNames:['1','2','3','4','5'],//列名
colModel:[
{name:'selectNo',index:'selectNo',width:100,align:"center", sortable:true},
{name:'username',index:'username',width:100,align:"center",sortable:true},
{name:'selectNo1',index:'selectNo1',width:100,align:"center", sortable:true},
{name:'username1',index:'username1',width:100,align:"center",sortable:true},
{name:'password',index:'password',width:100,align:"center", sortable:true}
],
viewrecords:true,
jsonReader:{
root:"datalist",
repeatitems:false
},
prmNames:{
rows:"page.pageSize",
page:"page.curPageNo",
sort:"page.orderBy",
order:"page.order"
},
pager:"#gridPager",
});
$("#grid_id").jqGrid('navGrid', '#gridPager');
});
</script>
</head>
<body>
<!-- 首先要放置一个container -->
<div id="container">
<!-- 在container中放置其他元素 -->
<!-- 标题元素 -->
<div id="header">
<h1>个人密码管理</h1>
</div>
<!-- 主内容元素 -->
<div id="maincontent">
<!-- 加入side元素 -->
<div id="side">
<div class="sidebox">
<div id="accordion">
<h3>管理</h3>
<div>
<button id="userbutton">用户信息管理</button>
<button id="cipherbutton">解锁密码管理</button>
</div>
<h3>第二个标题</h3>
<div>
<p>内容</p>
</div>
<h3>第三个标题</h3>
<div>
<p>内容</p>
</div>
</div>
</div>
</div>
<!-- 这是main元素 -->
<div id="main">
<div id="tabs">
<ul>
<li><a href="#tabs-1">123</a></li>
</ul>
<div id="tabs-1">
<table id="grid_id"></table>
<div id="gridPager"></div>
</div>
</div>
</div>
</div>
<div id="foot">
<h4>版权所有</h4>
</div>
</div>
</body>
</html>
实在找不到什么地方出了问题了,求大家帮帮忙
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货