2013-03-23 61 views
1

正在显示我有一个MVC应用程序,使得大量使用qtips2用于示出气泡的工具提示。正在显示的内容包括Cufon字体。该提示是完全显示ChromeFirefoxSafari,但在IE 9当我悬停在应该弹出提示的提示而不是显示整个屏幕变白的文字。如果我在空白屏幕上点击右键,进入源,则不是页面的内容我看到以下内容:qtips2导致IE9

<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脚麻并知道这个问题的解决方法?如果做不到这一点,没有任何人有与Cufon字体运作良好,在所有现代浏览器工作可靠等jQuery提示插件的经验?

回答

2

这件事也发生在我身上,这是因为我两次,包括jQuery库。不用说删除其中一个参考文献就可以解决问题。

+0

我怎么看不到包括jQuery库两次可能导致这一点,除非他们是两个不同版本的jQuery,你删除导致该问题的一个。无论如何。我解决了这个问题,但通过从div加载内容而不是使用ajax。我出于性能原因做了这个改变,但它也为我解决了这个问题。感谢您分享有关此问题的经验。 – BruceHill 2013-04-03 17:19:11

+0

我经历相同的,跟踪它向其中包括两次jquery.ui文件。 – ericteubert 2013-12-09 09:12:53

+0

经验同样,jquery ui库包含了两次。谢谢! – NotMe 2014-01-18 17:41:54