2014-03-26 46 views
2

我目前使用jquery ui tooltip並使用track:true選項。它完美的作品,但是我不希望工具提示跟蹤鼠標當移動垂直只水平如何使工具提示跟蹤鼠標僅水平使用track:true?

任何想法?

$(function() { 
    $(document).tooltip({ 
     items: ".entry", 
     position: { 
      my: "right bottom+50" 
     }, 
     track: true, 
     content: function() { 
       return "<div class='hi'>This is a very nice entry! It's so pretty and I feel like I can touch it. This is just random filler text.</div>"; 
     } 
    });}) 

回答

3

我添加tooltipClass屬性給工具提示如下:

$(document).tooltip({ 
    ... 
    tooltipClass: "tooltip-position", 
}); 

,並加入以下CSS以防止工具提示移動垂直滾動時:

.tooltip-position { 
    top: 200px !important; 
} 

參見here用於小提琴

+0

謝謝!但是如果我需要聲明自己的位置以實現本示例中的箭頭功能,那麼該怎麼辦?http://jqueryui.com/tooltip/#custom-style – user1163234

+0

@ user1163234我認爲兩者都將毫無衝突地發揮作用。 – Foreever