Question

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

页数：

tooltipster-master

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>

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

0 个答案: