0

jQuery qTipを使用して一連のボタンにツールチップを提供していますが、ページ上の別のアクションによってボタンが表示されるまで、ボタンは最初はデフォルトで非表示になっています。ただし、ページ上の非表示のボタンがある場所にマウスオーバーすると、qTipツールチップが引き続き表示されます。

ボタンをフェードインしているので、ボタンをからにアニメーション化する必要があります。そのopacityため0、1ボタンを完全に非表示にすることはできませんdisplay: none（これが、ボタンがまだイベントに反応している理由だと思いますmouseover）。のときにツールチップを無効にする方法はありopacityます0か？

4

2 に答える 2

2

qTipヒントが。を含む要素でトリガーされないことを発見したので、ボタンのコンテナにとvisibility: hiddenを設定することでこれを修正しました。opacityvisibility

#button-container {
    opacity: 0;
    visibility: hidden;
}

次に、visibilityアニメーション化する前にを切り替えますopacity：

$('#button-container').css({visibility: 'visible'}).animate({opacity: 1}, 300);
于 2012-06-15T20:58:03.320 に答える
1

qTipsを無効にすることができます：

$('*').qtip('disable') //またはセレクターを指定します

有効化もあります：

$('*').qtip('enable')

基本的に、フェードインのコールバックで、qtipsを有効にします。

于 2012-06-15T18:37:43.287 に答える