jquery - マウスオーバーに基づいてqtipのヒントを移動する方法

Question

ツール ヒントに qtip を使用しており、カーソルに基づいてツール ヒントを移動しました。関数を呼び出して、矢印ポインターを左から右に、次に右から左に動的に移動しますか。マウスの移動で、チップの左の位置を 10% から 95% に変更します。

jQuery('.fire-object a img').each(function() {
                jQuery(this).qtip({
                    // within an each() loop, $(this) refers to the trigger
                    content: jQuery(this).attr('title'),
                    style: { 
                          width: 110,
                          padding: 5,
                          background: '#FFFFFF',
                          color: 'black',
                          textAlign: 'center',
                          border: {
                             width: 7,
                             radius: 5,
                             color: '#FFFFFF'
                          },
                          tip: 'bottomLeft',
                          name: 'dark' // Inherit the rest of the attributes from the preset dark style
                     },
                    position: {
                            my: 'left top',
                            target: 'mouse',
                            viewport: $(window), // Keep it on-screen at all times if possible
                            adjust: {
                                x: 10,  y: 10
                            }
                         },
                    hide: {
                        fixed: true // Helps to prevent the tooltip from hiding ocassionally when tracking!
                    }
                });
                });

例 何かアイデアはありますか? 前もって感謝します。

Answer 1

qTip2が出ました。機能:マウス トラッキング