2

次のjQueryコードがあります:

        $('span.readMoreReputation').mouseover(function(event) {
        createTooltip(event);               
    }).mouseout(function(){
        // create a hidefunction on the callback if you want
        hideTooltip(); 
    });

    function createTooltip(event){          
        $('<div class="tooltip">test</div>').appendTo('body');
        positionTooltip(event);        
    };

    function positionTooltip(event){
        var tPosX = event.pageX - 10;
        var tPosY = event.pageY - 20;
        $('div.tooltip').css({'position': 'absolute', 'top': tPosY, 'left': tPosX});
    };      

うまく機能しますが、qtip (jquery プラグイン) のしくみを再現したいと考えています。マウスを READ MORE テキスト (コード内のイベント) の上に移動すると、追加された div が READ MORE テキストの周りのマウスに追従します。

代わりに、READ MORE テキストから固定位置に配置したいと思います。

なぜこれをやっているのですか?

4

1 に答える 1

2

jQuery 関数 Offset と Position を使用して何かを動作させようとしましたが、何も返されませんでした。多分それは私がjsfiddleでそれを持っていた方法でしたか?Idk、とにかく、ここに1つのアプローチがあります:http://jsfiddle.net/jMYkS/1/

スパンに相対的な位置を追加し、その中に絶対位置に配置された div を配置します。div の右/左および上/下の値を変更して、スパンに対して相対的に移動できます。

于 2012-05-25T13:09:41.227 に答える