Internet ExplorerでJQueryのツールチップが動作しない

Question

アプリケーションサーバーに展開するとIEに表示されないJQueryのツールチップがあります。私はIEを使用して自分のコンピュータ上でローカルにデバッグするときに動作し、サーバ上およびローカルのChromeでも動作します。どのように私はこれをサーバー上のIEで動作させるためにこれを修正できますか？それがChromeでどのように見えるか

<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> 

：サーバーから閲覧中のすべてのの.jsファイルをIEで正しくロードされている場合

Answer 1

あなたはチェックしましたか？ IE開発ツールのネットワークウィンドウ（F12キーを使用して読み込むことができます）をチェックしてください。

互換モードなしでサーバーからページを実行することができます。互換性モードを無効にするには、HTMLヘッダーにこれを追加することもできます。

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