-2

JS のスキルがなく、ツールチップをフォームに実装したいと考えています。

実際、リリースされた多くのjQueryライブラリの1つ(より具体的にはこれ)で動作させることができました。

問題は、これらのツールチップ ライブラリを追加すると、古い jquery 関数が機能しなくなることです (非表示/表示の切り替えなど)。新しいライブラリを削除すると、機能が元に戻り、ツールチップが明らかに機能しなくなります。

現在の JS ライブラリにツールチップのみを追加するにはどうすればよいですか?

私が探している結果を達成するための最良のアプローチは何ですか?

4

2 に答える 2

1

この問題を正確に解決するためのプラグインを作成しました: https://github.com/yckart/jquery.tooltip.js

ここに例があります。最後のものまでスクロールすると、forms-demo が見つかります: http://yckart.github.com/jquery.tooltip.js/

于 2013-03-06T19:42:49.237 に答える
1

ツールチップ ライブラリを使用しているときにエラーが発生したようです。エラー コンソールに何かありますか (これが最初に確認する場所です)。そうであれば、デバッグを行う必要があります。

jQuery を使用すると、ツールチップを作成するためにライブラリ/プラグインは本当に必要ありません。必要なのは数行のコードだけです。ここで開始するには、基本的な例を示します...

jQuery(".toolTipEnable").hover(function(e){
    var offset = jQuery(this).offset();
    jQuery("#toolTip")
        .css({"top":offset.top+40,"left":offset.left+40})
        .text('Tooltip text')
        .show()
},function(e){
    jQuery("#toolTip").hide()
})

絶対位置の空のdivはどこですか

他にも多くの例があります。たとえば、ここでは何をすべきかを詳しく示しています

于 2013-03-06T19:53:46.360 に答える