Question

我有一个MVC应用程序，它广泛使用qtips2来显示气泡工具提示。显示的内容包括Cufon个字体。工具提示在Chrome，Firefox和Safari中完美展示，但在IE 9中，当我将鼠标悬停在应弹出工具提示的文本上而不是显示工具提示时屏幕变白了。如果我右键单击空白屏幕并转到源，那么我将看到以下内容而不是页面内容：

<style type="text/css">cufoncanvas{text-indent:0!important;}@media screen{cvml\:shape,cvml\:rect,cvml\:fill,cvml\:shadow{behavior:url(#default#VML)!important;display:block!important;antialias:true!important;position:absolute!important;}cufoncanvas{position:absolute!important;text-align:left!important;}cufon{display:inline-block!important;position:relative!important;vertical-align:text-bottom!important;}cufon cufontext{position:absolute!important;left:-10000in!important;font-size:1px!important;}a cufon{cursor:pointer}}@media print{cufon cufoncanvas{display:none!important;}}</style>

此样式标记是源中显示的唯一事物。

以下是源代码中工具提示的示例：

<mark data-url="../Tooltips/Tourism">tourism</mark>

初始化qtips的来源如下：

$(function () {
     $('[data-url]').each(function (i) {
         var element = $(this);
         element.qtip({
             content: {
                 text: "Loading...",
                 ajax: {
                     url: element.data('url')
                 }
             },
             position: {
                 viewport: $(window)
             }
         });
     });
});

是否有人知道IE 9中出现问题的原因并知道此问题的解决方法？如果不这样做，是否有人有使用其他jQuery工具提示插件的经验，这些插件适用于Cufon字体，并且可以在所有现代浏览器中可靠地工作？

Answer 1

这也发生在我身上，这是因为我两次包含jQuery库。不用说删除其中一个引用就解决了这个问题。

qtips2导致空白屏幕，而不是IE9中显示的工具提示

1 个答案: