JQuery工具提示在Internet Explorer中不起作用

我有一个JQuery工具提示，当我部署到我的应用服务器时，它不会显示在IE中。当我使用IE在我的计算机上本地调试它时，它就可以工作，在服务器和本地的Chrome中也可以工作。如何修复此问题，使其与服务器上的IE一起工作

<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
<style type="text/css">
    .tooltip {
        display:none;
        position:absolute;
        border:1px solid #333;
        background-color:#161616;
        border-radius:5px;
        padding:10px;
        color:#fff;
        font-size:12px;
    }
</style>
<script type="text/javascript">$(document).ready(function () {
   // Tooltip only Text
   $('.masterTooltip').hover(function () {
    // Hover over code
    var title = $(this).attr('title');
    $(this).data('tipText', title).removeAttr('title');
    $('<p class="tooltip"></p>')
    .text(title)
    .appendTo('body')
    .fadeIn('slow');
    }, function () {
    // Hover out code
    $(this).attr('title', $(this).data('tipText'));
    $('.tooltip').remove();
    }).click(function (e) {
    var mousex = e.pageX + 20; //Get X coordinates
    var mousey = e.pageY + 10; //Get Y coordinates
    $('.tooltip')
    .css({ top: mousey, left: mousex })
    });
});
</script>

.工具提示{
显示：无；
位置：绝对位置；
边框：1px实心#333；
背景色：#161616；
边界半径：5px；
填充：10px；
颜色：#fff；
字体大小：12px；
}
$（文档）.ready（函数（）{
//仅工具提示文本
$（'.masterTooltip'）。悬停（函数（）{
//悬停在代码上方
var title=$（this.attr（'title'）；
$（this.data（'tipText'，title.）.removeAttr（'title'）；
$（“
”）
.正文（标题）
.appendTo（'正文'）
.fadeIn（“慢”）；
}，函数（）{
//悬停代码
$（this.attr（'title'，$（this.data（'tipText'））；
$（'.tooltip'）.remove（）；
})。单击（功能（e）{
var mousex=e.pageX+20；//获取X坐标
var mousey=e.pageY+10；//获取Y坐标
$（“.tooltip”）
.css（{top:mousey，left:mousex}）
});
});

它在Chrome中的外观：

---

从服务器浏览时，您是否检查了所有.js文件是否正确加载到IE中？请检查IE开发者工具的网络窗口（可使用F12键加载）

您可能希望在没有兼容模式的情况下从服务器运行页面。您还可以通过在HTML标题中添加此选项来禁用兼容模式-

<meta http-equiv="X-UA-Compatible" content="IE=edge">

IE的哪个版本？@j08691 IE 11.0-当我通过Visual Studio进行调试时，它可以在本地工作。