2013-03-23 28 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

相關問題