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

Question

我有一個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>

在Chrome中的外觀：

Answer 1

從服務器瀏覽時，是否檢查IE中是否正確加載了所有.js文件？ 請在IE開發人員工具的“網絡”窗口中檢查（可以使用F12鍵加載）。

您可能要從沒有兼容模式的服務器運行頁面。 您也可以通過在HTML標頭中添加兼容模式來禁用兼容模式-

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