Question

我有一个View，其中我正在使用此站点提供的工具提示： http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html 这适用于谷歌Chrome和Firefox，但这在IE6或IE7中不起作用。 1.如何在IE-6/7中使其工作？另外，我想在工具提示中有一个链接。当我尝试在工具提示中单击时，它会消失。我不希望这种情况发生。作为一种解决方法，我为工具提示保留了一个Timeout。除此之外，还有其他任何方法可以实现这一点吗？

以下是代码：

<link href="../../Content/demo.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/json2.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/demo.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jquery.bgiframe.min.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jquery.bt.min.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script src="../../Scripts/ajax/jqurey.easing.1.3.js" type="text/javascript"></script>
@*<script src="../../Scripts/ajax/jquery-1.3.2.min.js" type="text/javascript"></script>*@
<script type="text/javascript">
    $(document).ready(function () {
        $(".row").mouseover(function () {
            var d = $(this).attr("id");
            var obj = { x: d };
            $.ajax({
                url: '/Home/Change',
                type: "POST",
                data: JSON.stringify(obj),
                datatype: "json",
                contentType: "application/json; charset=utf-8",
                success: function display(response, status, data) {
                    //alert(response.id);
                    $(".row").bt("<a href='#'>Click here</a> " + response.id, { closeWhenOthersOpen:true,positions: 'bottom', hoverIntentOpts: { timeout: 1500} });
                }
            });

        });
    });
</script>

这是表格代码：

<table>
@for (int i = 0; i < 5; i++)
{
    <tr id="@i" class="row">
    <td>abcd</td>
    <td>this is row number @i</td>
    </tr>
}
</table>

谢谢！

Answer 1

在HTML页面的第一页添加：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

Answer 2

如果作者为您量身定做（在IE9上不适合我）那么我会从评论出除jQuery和你的小费插件之外的所有css和js开始。看看它是否会起作用。如果没有，也许你没有正确安装它。如果它会工作。开始取消注释其他库和CSS以查看它何时停止工作。你必须有某种冲突。您是否在Firebug或Chrome开发者工具中看到任何错误或警告？

Answer 3

我得到了第一个问题的答案。为了使它在IE6及更高版本中运行，我必须包含Google的Explorer Canvas：excanvas.sourceforge.net

Jquery工具提示在IE6和IE7中不起作用？

3 个答案: