Why is the content of < script id= "layoutHeaderTpl" type= "text/html" > not parsed under ie? - Codes Helper

problem description

ie F12script  text/html

the environmental background of the problems and what methods you have tried

try

$("-sharpprocurementContractBtn").sxTemplate({
    tplId : "procurementContractBtnTpl",
  })
   ;ienull

related codes

/ / Please paste the code text below (do not replace the code with pictures)

< 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.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.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:-sharpFFF;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: -sharpFFF;">
            <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-sharpapprovalProcessManagement";
            }
                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; iPP){
                result += `<li class="item " url="JavaScript: ;">
                <a class="fa " backlogId="` + list[i].backlogId + `" dataid="` + list[i].id + `"
                msgType="` + list[i].msgType + `" href="-sharp"  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-sharpbackLogManagement">> </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 = "-sharp";
            }
            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) {
                    $("-sharpupdateUserBaseInfoForm").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) {
                    $("-sharpupdateUserPwdForm").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 >

what result do you expect? What is the error message actually seen?

not compatible with Google ie ie