Tooltipster在IE中不起作用，但在Safari，FF和Chrome中起作用

Question

我主要是一名印刷工人，但是希望我能带一点点工作。
我让Tooltipster在Firefox，Mac和Windows上的Chrome，各种操作系统和版本上都能完美运行，但是在使用两个不同页面的2台不同笔记本电脑上的IE 8或10中，它将无法正常工作。
在IE中，没有CSS样式，只有带有文本的标准“黄色”小框。 尝试了各种版本的Jquery，但它在IE中不起作用。
不确定协议是什么，但是这里有链接和代码，第一个与Tooltipster完全相同。

页数：

工具提示大师

tooltipster2.html

katana_bits4TT.htm＃katana_solid_carbide_anchor

<!DOCTYPE html>
<html lang="en">
<head>

<title></title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/tooltipster.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="js/jquery.tooltipster.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('.tooltip').tooltipster();
    });
</script>

<section class="container tooltip" title="Parent container">
    <a href="http://google.com" class="tooltip" title="Get your Google on">Google</a>
</section>

<section class="container">
    <div id="hi" style="width: 100px; height: 100px; margin: 0 0 0 500px; background: #f00; position: fixed; top: 100px; right: 100px;" class="tooltip" title="This is the tooltip"></div>
    <a href="http://google.com" class="tooltip" title="Get your Google on">Hover <span>here</span></a>
    <br />
    <a href="http://google.com" class="tooltip" title="Get your Google on and your ketchup out!">Google</a>
</section>

<section class="container">
    <img src="images/map.png" usemap="#map" />
    <map name="map">
        <area shape="circle" coords="396,220,102" href="#" class="tooltip" title="Hello thar, mate!" />
    </map>
</section>