2010-12-10 15 views
0

に閉じていないとツールチップを生成します。ツールチップ(Qティップは)私にとって<a href="http://craigsworks.com/projects/qtip/" rel="nofollow noreferrer">qTip</a>作品次のコードで、jQueryの

$('a.ppname[rel]').live('mouseover', function() { 
    $(this).qtip({ 
    content : { 
     url : $(this).attr('rel') 
    }, 
    position : { 
     corner : { 
     tooltip : 'leftBottom', 
     target : 'rightBottom' 
     } 
    }, 
    style : { 
     border : { 
     width : 5, 
     radius : 10 
     }, 
     padding : 10, 
     textAlign : 'center', 
     tip : true, // Give it a speech bubble tip with 
     // automatic corner detection 
     name : 'cream' // Style it according to the preset 
    // 'cream' style 
    } 

    }); 
    }); 
}); 

しかし、Qティップは、DOMから削除されていない、よく、時にはそれだけで消えて表示され、再び及びI開かれたツールチップの多くを得る:

alt text

私はDOMを見て、Qティップは削除されますが、ちょうど目に見えない設定されていないようです。私はツールチップを破壊するための単純なロジックが必要です。例えば。 a.ppnameに焦点が絞られ、それ以上焦点を絞らないと、私はそれを破壊することができます。しかし、どのようにjavascriptのように見えるだろうか?何か案は?

更新:私はjQueryを1.3.2 recommended for qTipにダウングレードしました。私はもう開いたままにツールチップを得ることはありませんが、別の問題が今あります:今、私は削除することはできませんのためにツールチップが、私は次のアイテムを置くと表示されているように見える

alt text

。ツールチップを破棄する方法をいくつか提案してください。

更新:問題が解決されるコードの最初の行に

$('a.ppname[rel]').each(function(){ 

を使用。しかし、それはもう一つの問題につながり、ここで私がここで述べるもう一つの問題はqTip tooltip does not appear, jQueryです。ジレンマのようです^:D

+1

あなたが常にプラグインがあなたの耳を洗浄するための綿棒と同音異義語である重そう際に、プラグインのページにリンクする必要があります。 – Incognito

答えて

1

だと思います。この(私がコピーされた彼の例のためのマットへの賛辞とammended)を試してみてください。

$('a.ppname[rel]').qtip({ 
    content : {stuff}, 
    style : {stuff}, 
    position: {stuff}, 
    show: 'mouseover', 
    hide: 'mouseout', 
    onHide: function() { $(this).qtip('destroy'); } 
}); 
+0

hmツールボックスはdomに留まります...私の質問を更新します。 –

2

私はあなたがツールヒントが隠されているときdestroyメソッドを呼び出すことにより、DOMからツールチップを削除することができますあなたが望むことは

$('a.ppname[rel]').qtip({ 
    content : {stuff}, 
    style : {stuff}, 
    position: {stuff}, 
    show: 'mouseover', 
    hide: 'mouseout' 
}) 
+0

hm、これは動作しません。ツールチップはまだdomにあり、それらのいくつかは再び消えません。私は、a.ppnameがフォーカスを失った後にdomからそれらを削除する方法を探しています、またはマウスはもはやa.ppnameを移動していません –

関連する問題

 関連する問題