用于HTML内容的Jquery工具提示

时间:2013-04-16 10:42:19

标签: javascript jquery css internet-explorer tooltip

1,我在我的本地系统中下载了所有这三个文件(JS和CSS)并尝试它无法正常工作,因为它直接从URL引用。

2,即使我使用URL src和href也不能使用IE.IE也没有说错误。

请帮助我知道出了什么问题。

第1部分:

<link rel="stylesheet" type="text/css" href="jquery/css/jquery-ui-1.10.2.custom.css" />
<script src="jquery/js/jquery-1.9.0.js"/></script>
<script src="jquery/js/jquery-ui-1.10.0.custom.min.js"></script>

第2部分:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

HTML CODE:

![<script>
$(function () {
    $(document).tooltip({
        content: function () {
            return $(this).prop('title');
        }
    });
});
</script>
<style>

.tooltip
{
  background-color:#F8D2DA;
}
.tooltipqty
{
  text-align:right;
}
</style>
</head>
<body>
<p><label for="age">Your age:</label><input id="age" 
title="<table class='tooltip'><tr><td class='tooltipqty'>20.00</td><td>31-01-2013</td></tr>
<tr><td class='tooltipqty'>0.02</td><td>01-01-2013</td></tr></table>" />
</p>
</body>][1]

1 个答案:

答案 0 :(得分:0)

$(this).prop('title')替换为$(this).attr('title')

jsfiddle


没看到它与IE有关。不知道jsfiddle在IE 8中有问题......