自己搞一个小前台,之前在引用了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>
实在找不到什么地方出了问题了,求大家帮帮忙