问题描述
在谷歌下头部可以展示,在ie下头部不出开 在F12看script text/html
没有被解析
问题出现的环境背景及自己尝试过哪些方法
尝试用
$('#procurementContractBtn').sxTemplate({
tplId : 'procurementContractBtnTpl',
})
这类型的方法 ;可以但是ie可以显示谷歌报错null
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<meta name="renderer" content="webkit">
<title>首页</title>
<!-- <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css"> -->
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="./css/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./css/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" type="text/css" href="./css/ui.jqgrid-bootstrap-ui.css">
<link rel="stylesheet" type="text/css" href="./css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="./js/lib/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" type="text/css" href="./js/lib/webUploader/css/webuploader.css">
<link rel="stylesheet" type="text/css" href="./js/lib/wangEditor/css/wangEditor.min.css">
<link rel="stylesheet" type="text/css" href="./css/jquery.pagination.css">
<link rel="stylesheet" type="text/css" href="./css/myCss.css">
<link rel="stylesheet" type="text/css" href="./css/orgSelect.css">
<link rel="stylesheet" type="text/css" href="./css/inputError.css">
<link rel="stylesheet" type="text/css" href="./css/printStyle.css">
<script type="text/javascript" src="./js/lib/jquery.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery-validate/jquery.form.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery-validate/jquery.validate.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery-validate/additional-methods.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery-validate/messages_zh.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery-validate/jquery-validate-tooltip.js"></script>
<script type="text/javascript" src="./js/lib/jquery-validate/extends.js"></script>
<script type="text/javascript" src="./js/lib/webUploader/js/webuploader.min.js"></script>
<script type="text/javascript" src="./js/lib/wangEditor/js/wangEditor.min.js"></script>
<script type="text/javascript" src="./js/lib/highcharts/highcharts.js"></script>
<script type="text/javascript" src="./js/lib/layer/layer.js"></script>
<script type="text/javascript" src="./js/lib/laydate/laydate.js"></script>
<script type="text/javascript" src="./js/lib/grid.locale-cn.js"></script>
<script type="text/javascript" src="./js/lib/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="./js/lib/ztree/js/jquery.ztree.all.min.js"></script>
<script type="text/javascript" src="./js/lib/template-web.js"></script>
<script type="text/javascript" src="./js/lib/jquery.pagination.min.js"></script>
<script type="text/javascript" src="./js/lib/html5media/html5media.min.js"></script>
<script type="text/javascript" src="./js/lib/moment.min.js" ></script>
<script type="text/javascript" src="./js/lib/moment-zh-cn.js"></script>
<script type="text/javascript" src="./js/lib/ajaxhook.min.js"></script>
<!-- <script type="text/javascript" src="./js/lib/print/jspdf.min.js"></script> -->
<script type="text/javascript" src="./js/lib/print/jspdf.debug.js"></script>
<script type="text/javascript" src="./js/lib/print/jspdf.min2.js"></script>
<script type="text/javascript" src="./js/base/sxUtil.js"></script>
<script type="text/javascript" src="./js/base/common.js"></script>
<script type="text/javascript" src="./js/base/sxTemplateUtil.js"></script>
<script type="text/javascript" src="./js/base/sxGrid.js"></script>
<script type="text/javascript" src="./js/base/sxZTreeSelect.js"></script>
<script type="text/javascript" src="./js/base/sxOrgSelect.js"></script>
<script type="text/javascript" src="./js/base/sxRouterHtml.js"></script>
<script type="text/javascript" src="./js/base/sxBarMenu.js"></script>
<script type="text/javascript" src="./js/base/sxDialog.js"></script>
<script type="text/javascript" src="./js/base/sxFormSubmit.js"></script>
<script type="text/javascript" src="./js/base/sxFileWebuploader.js"></script>
<script type="text/javascript" src="./js/base/sxWangEditor.js"></script>
<script type="text/javascript" src="./js/base/printArea.js"></script>
<script type="text/javascript" src="./js/base/calculationMoney.js"></script>
<script type="text/javascript" src="./js/base/sxAppInit.js"></script>
</head>
<body>
<!--
描述:主体布局头部
-->
<div class="layout-header">
<div class="layout-headers"></div>
</div>
<!--
描述:主体布局侧边栏
-->
<div class="layout-left" style="background-color: rgb(248, 248, 248);"></div>
<!--
描述:主体布局内容
-->
<div class="layout-content" >
<div class="content-nav">
<div id="nav-org-select" class="nav-org-select"></div>
<div class="nav-tip-bar">
<i class="glyphicon glyphicon-home nav-tip-icon"></i>
<span class="nav-tip-title"></span>
</div>
</div>
<div id="content-main" class="content-main">
加载中。。。
</div>
</div>
<!--
描述:主体布局底部
-->
<div class="text-center layout-footer">
浙江科技有限公司
</div>
</body>
</html>
<script id="layoutHeaderTpl" type="text/html">
<div class="navbar-header pull-left">
<a class="navbar-brand">
<small>
<img src="./img/logo.png" alt="logo" id="nav-logo" />
<span>采购管理系统</span>
</small>
</a>
</div>
<ul class="navbar-header">
<li class="header-menu workbench">
<div style="color:#FFF;position:absolute;right: 0;top: 8px;">
<div class="navbar-brand" style="padding-top: 10px;">
<small>
<span id="Workbench">工作台</span>
<div class="nav-news">消息</div>
</small>
</div>
</div>
<ul class="gongzuotai message-box" style="width: 130px;" id="workbench-nav">
<li class="item" url="JavaScript: ;">
<a class="fa" href="/basicComponents/index.html">工作台</a>
</li>
</ul>
</li>
</ul>
<ul class="navbar-header pull-right">
<li class="header-menu user">
<div class="user-btn text-overflow">
<img src="img/assets/img_default_avatar.png"/>
<span class="user-name"></span>
<input id="navSelectOrgId" type="hidden" value="{org.id}"/>
<input id="navSelectOrgCode" type="hidden" value="{org.code}"/>
</div>
<ul class="message-box">
<li class="title">所属组织:{org.name}</li>
<li class="item editUserBaseInfo" url="JavaScript: ;">
<span class="fa fa-pencil-square-o"> 修改基本信息</span>
</li>
<li class="item editUserPwd" url="JavaScript: ;">
<span class="fa fa-key"> 修改密码</span>
</li>
<li class="item logout" url="JavaScript: ;">
<span class="fa fa-power-off"> 退出</span>
</li>
</ul>
</li>
</ul>
<ul class="navbar-header pull-right">
<li class="header-menu workbench">
<div style="color: #FFF;">
<div class="navbar-brand" style="padding-top: 10px;">
<small>
<span id="backlogs">待办</span>
</small>
</div>
</div>
<ul class="backLog message-box" style="width:130px;" id="backnavs"></ul>
</li>
</ul>
</script>
<script type="text/javascript">
function beraa(a, b){
var url = a.href;
var hrefurl= '';
if(b == 1){
window.location.href = url;
}else {
var msgtype = $(a).attr('msgtype');
var backlogid = $(a).attr('backlogid');
var dataid = $(a).attr('dataid');
// 修改消息为已读
$.ajax({
url: '/basicComponents/pc/sys/backlog/update',
type: 'post',
data: {
'id': dataid,
readState : true
}
});
// 判断消息类型,然后跳转
if(msgtype == 10 || msgtype == 20){
localStorage.setItem('msgtype',msgtype);
localStorage.setItem('backlogid',backlogid);
hrefurl = '/purchasingManage/main.html#approvalProcessManagement';
}
window.location.href = hrefurl;
sxUtil['menu'].firstSidebarMenuClick();
}
}
// 待办渲染的代码
function xuan_backlog(){
$.ajax({
type: "get",
dataType: 'json',
data: {
readState : false
},
url: '/basicComponents/pc/sys/backlog/find',
success: function(data) {
// console.log(data);
var result = '';
if(data.success){
var list = data.data.list;
var num = 6;
if( list.length < 6){
num = list.length ;
}
for(var i = 0;i < num; i++){
result += `<li class="item " url="JavaScript: ;">
<a class="fa " backlogId="` + list[i].backlogId + `" dataid="` + list[i].id + `"
msgType="` + list[i].msgType + `" href="#" onclick="beraa(this,0)">` + list[i].title + `</a>
</li>`
}
}
result +=`<li class="title" url="JavaScript: ;"><a class="fa " onclick="beraa(this,1)" href="/basicComponents/main.html#backLogManagement">查看更多> </a></li>`;
$(".backLog").html(result);
}
});
}
$(document).ready(function () {
//渲染待办事项
xuan_backlog();
//渲染左侧边栏菜单
var header_html = template("layoutHeaderTpl",sxUtil['loginUser']);
$('.layout-header').html(header_html);
if(sxUtil['indeMenuRouter'].success){
var data = sxUtil['indeMenuRouter'].data;
var result = '';
var target = '';
sxUtil['indeMenuRouter'].data.forEach(function(a, b){
// 经营分析子系统改成打开新窗口
if(a.code == 'operationAnalysisManagement'){
target = 'target="_blank"';
}
var routerUrl = sxUtil['indeMenuRouterUrl'][a.code];
if(!routerUrl){
routerUrl = "#";
}
result += `<li class="item " url="javascript: ;"><a class="fa " ` + target + ` href="` + routerUrl + `">` + a.name + `</a></li>`
target = '';
});
$('.gongzuotai').append(result);
}
$('.layout-header').on('click', '.editUserBaseInfo', function (e) {
var userId = sxUtil['loginUser'].id;
sxUtil.dialog.window({
url: '/tpl/user/updateUserBaseInfo.html',
data: {
'id': userId
},
layer: {
title: '修改用户基本信息',
area: ['400px', '280px'],
btn: ['保存', '关闭'],
yes: function (index, dom) {
$('#updateUserBaseInfoForm').data('index', index).submit();
}
}
});
});
$('.layout-header').on('click', '.editUserPwd', function (e) {
var userId = sxUtil['loginUser'].id;
sxUtil.dialog.window({
url: '/tpl/user/updateUserPwd.html',
data: {
'id': userId
},
layer: {
title: '修改用户密码',
area: ['400px', '280px'],
btn: ['保存', '关闭'],
yes: function (index, dom) {
$('#updateUserPwdForm').data('index', index).submit();
}
}
});
});
$('.layout-header').on('click', '.logout', function (e) {
var userId = sxUtil['loginUser'].id;
sxUtil.dialog.confirm({
msg: '是否确认退出?',
yes: function (index) {
$.ajax({
url: '/pc/sys/authority/logout',
type: 'post',
data: {
'id': userId
},
success: function (e) {
if (e && e.data) {
sxUtil.dialog.close(index);
var baseUrl = window.location.origin + "/basicComponents/";
window.location.href = baseUrl + 'login.html';
} else {
sxUtil.dialog.errorMsg(e, e.errorMsg);
}
}
});
}
});
});
$('.layout-header').on('click', '.item', function (e) {
var ename = $(this).attr('msgType');
sxUtil['menu'].selectSidebarMenuClick(ename);
});
});
</script>
你期待的结果是什么?实际看到的错误信息又是什么?
兼容谷歌 ie ie下不行
ie下 不兼容
""
拼接 改用 '' 拼接就行