2016-03-29 161 views
0

我不知道如何設置我的工具提示的正確位置。我的對象有HTML結構的工具提示,它們在屏幕的邊緣,所以我看不到它們中的大部分。我做了一個fiddle。只有4個工具提示的對象,但在我的項目中我有很多。qTip2 - 工具提示的位置

$('.qtip-show').qtip({ 
    position: { 
     target: 'mouse', 
    }, 
}); 

回答

1

您可以在選項看看這裏: http://qtip2.com/options

與選項玩了一段時間它的工作原理之後。

$('.qtip-show').each(function() { // Grab all elements with a title attribute,and set "this" 
    $(this).qtip({ // 
     position: { 
     my: 'top left', // Position my top left... 
     at: 'bottom left', // at the bottom right of... 
     target: $(this) // my target 
    } 
    }); 
}); 

全部代碼在這裏: http://codepen.io/anon/pen/GZvomK

最好成績, 喬治

+0

謝謝你的文章,但我不知道我怎麼可以使用它 - 更新我的小提琴:HTTPS: //jsfiddle.net/h49Loejs/4/ – joryl

+0

謝謝:)但是當我把它粘貼到我的小提琴中時,它每次都會在同一個地方展示,你看起來怎麼樣? :) https://jsfiddle.net/h49Loejs/5/ – joryl

+0

非常感謝,但是當你改變(例如)「while(i <1)」爲「while(i <10)」時,你會看到右側的按鈕位於後面。 – joryl