cluetip是否在頁面右上角的鏈接上工作？

Question

我正在使用jquery cluetip，並且在頁面的右上角有一個鏈接，當我點擊它時，我希望工具提示出現在我點擊的底部，而不是顯示在屏幕中間或屏幕頂部。這裏是我的代碼：

$('#personName').cluetip({ 
    width: '500px', 
    showTitle: false, 
    topOffset: 25, 
    leftOffset: 5, 
    positionBy: 'bottomTop', 
    cluetipClass: 'jtip', 
    activation: 'click', 
    closeText: '<img src="/Content/Images/Icons/cross.png" alt="close" />Close', 
    hoverIntent: { 
     sensitivity: 7, 
     interval: 100, 
     timeout: 500 
    }, 
    sticky: true, 
    mouseOutClose: true, 
    ajaxSettings: { 
     dataType: 'json' 
    }, 
    ajaxProcess: function (data) { 

     var html = []; 
     html.push(data.Person.Name); 
     return html.join(""); 
    } 
}); 

我試圖改變positionBy爲「自動」或「鼠標」，但它仍然無法正常工作。 。 cluetip根本不處理屏幕右側的鏈接？

Answer 1

看起來cluetip在尺寸不適合屏幕時無法處理右側的鏈接。

我嘗試使用positionBy: 'mouse'與leftOffset和topOffset並讓它稍微出現在鏈接的左側底部。看看http://jsfiddle.net/neo108/9CV6t/中的第二個div。

希望它有幫助。

可能是你可以玩左和頂部的偏移量，並根據需要放置它。