0

我在我的代码中添加了一些使用 javascript 的动态 div。

$('div#Tips').append(''
    + ' <div class="singleTip" id="'+data.x+''+data.y+'">'
    + data.content
    + ' </div>'
);

当用户将鼠标悬停在某些元素上时，我正在显示此 div。但是它在 IE 中不起作用。它适用于所有其他浏览器。有人可以帮忙吗？我是新来的。

编辑：添加 JS 代码

$('.tipPointer').hover(
    function(){
        var id = $(this).attr('id');
        $('div#allTips').children('div.singleTip#'+id).show();
    },
    function(){
        var id = $(this).attr('id');
        $('div#allTips').children('div.singleTip#'+id).hide();
    }
);
4

1 回答 1

1

我对 IE 也有类似的问题，后来缩小到 IE10。

要解决尝试将背景图像添加到未显示的 div 元素。出于某种原因，即使插入了不存在的图像，它也能工作，所以我使用了如下所示的图像。

<?php   if (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT'])) {?>
<style type="text/css">
    .qtip{
        background-image:url(/none);
    }
</style>
<?php   }   ?>

我还添加了一个 PHP 检查以仅针对 IE 实现此 CSS，因为其他浏览器会为背景图像抛出 404 错误（并继续加载）。

我不记得我从哪里得到这个解决方案。如果我找到原始链接，我会更新答案。

于 2013-07-17T22:42:39.107 回答