2012-03-31 73 views
0

我無法通過qTip替換瀏覽器的默認工具提示。到目前爲止,我有:qTip替換瀏覽器的Tooptip

$('[title]').each(function(){ 
     var cont = $(this).attr('title'); 
     if(cont != ''){ 
      $(this).qtip({ 
       content: cont, 
       style: { 
        background: '#FFFFCC', 
        color: '#000000', 
        name: 'cream' , 
        border: {      
         radius: 4, 
         color: '#FCC200' 
        }, 
        textAlign:'center', 
        tip: { 
         corner: 'bottomLeft', 
         size: { 
          x: 20, 
          y: 8 
         } 
        } 
       }, 
       position: { 
        corner: { 
         target: 'topRight', 
         tooltip: 'bottomLeft' 
        } 
       }    
      }); 
     } 
    }); 

但實際上在瀏覽器中我得到:

enter image description here

我真的很感謝你的幫助。

謝謝。

回答

2

內容插件默認是title屬性,因此,如果您從您的初始化代碼刪除內容選項,插件應該從要素

移除屬性從文檔的護理:

更換瀏覽器的常規舊標題工具提示很簡單。
只需在所有沒有內容的鏈接元素上調用qtip()方法
選項(它將默認使用目標的title屬性)。

+0

非常感謝。 – 2012-03-31 13:53:39

2

致電removeAttr('title')您的收藏。

瀏覽器不會顯示默認的title屬性。

+0

非常感謝。 – 2012-03-31 13:53:30

0

這是解決方案:

 $('[title]').qtip({ 
     style: { 
      background: '#FFFFCC', 
      color: '#000000', 
      name: 'cream' , 
      border: {      
       radius: 4, 
       color: '#FCC200' 
      }, 
      textAlign:'center', 
      tip: { 
       corner: 'bottomLeft', 
       size: { 
        x: 20, 
        y: 8 
       } 
      } 
     }, 
     position: { 
      corner: { 
       target: 'topRight', 
       tooltip: 'bottomLeft' 
      } 
     }    
    }); 

該代碼段使得工具提示用於與title屬性存在的所有組分。

相關問題