在Chrome中定位qTip2

以下代碼使用jQuery qTip2插件創建工具提示。它在Firefox中正常工作，但在Chrome中，工具提示綁定到視口的左上角。在IE8它不會在所有的工作，但假設這是一個不同的問題....在Chrome中定位qTip2

$("option").qtip({ 
      content: { 
       text: function() { 

        return $(this).attr('title'); 
          } 
       }, 
      position: { 
       my: 'right center', 
       at: 'left center', 
       target: this, 
       viewport: $(window) 
      }, 
      show: { 
       solo:true 
      } 

     });

這裏展示的行爲

來源

2012-07-13 MrBliz

似乎選項沒有在Chrome中抵消，也許是因爲它是一個jsfiddle像文本字段的內部一樣對待。

你可以做什麼是使用目標：鼠標和調整{鼠標：false}這是更容易和有意義的。或者你可以圍繞做好這項工作：

$("option").each(function(){ 
       origin=this; 
       $(origin).qtip({ 
        content: { 
         text: function() {            
          return $(this).attr('title'); 
            } 
         }, 
        position: { 
         my: 'right center', 
         at: 'left center', 
         target: [$(".dropDown select").offset().left,$(".dropDown select").offset().top+14+parseInt($(".dropDown select option").index($(origin))*14)],//"mouse",//Causing problems in chrome? 
         viewport: $(window), 
         adjust: {mouse:false} 
        }, 
        show: { 
         solo:true 
        }        
      }); 
});

您可以根據您的字體大小調整值14。也可能是爲了提高性能，可以在每個函數之外的變量中存儲$（「。dropDown select」）。offset（）。left和$（「。dropDown select」）。offset（）。

來源

2012-07-14 02:43:10

在Chrome中定位qTip2

回答

相關問題