We are using dynamic plugin which repositions our tooltips so that it is always visible on the viewport.<\/p>\n
If there is no room on the top edge then the tooltip is shown on the bottom edge. The same happens on every edge of the tooltip: top, bottom, left and right. When there is no room then the opposite edge is used. Note that this demo is only for vertical repositioning.<\/p>\n
It is possible to change the style, effect and other configuration variables whenever the dynamic repositioning occurs.<\/p>\n
We are using the offset option to position the tooltip a little higher by default. When using the dynamic effect this value is inverted. Higher means lower and further right means further left.<\/p>\n
After initializing the tooltip we will chain our dynamic()plugin. We have used the bottom parameter to alter the tooltip configuration for the bottom edge. Every configuration option<\/a> can be used to alter the tooltip’s behaviour.<\/p>\n <script type=”text\/javascript”><\/p>\n jQuery(function() {<\/p>\n $(“.tooltip_anchor”).tooltip ({<\/p>\n offset : [10,2], });<\/p>\n <\/script><\/p>\n Note : the dynamic plugin and the slide effect are not included in the standard jQuery Tools distribution. You must download a custom combination<\/a> to include those effects.<\/p>\n","protected":false},"excerpt":{"rendered":"
\neffect : ‘slide’,
\npredelay: ’10’
\n\/\/ add dynamic plugin with optional configuration for bottom edge
\n}).dynamic({ bottom: { direction: ‘down’, bounce: true } });<\/p>\n