0

Bassistance ツールチップ (http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/) にライブ バインディングを使用するにはどうすればよいですか?

私はこのコードを使用しています：

$(document).ready(function(){
   $('.tooltip[title]').tooltip({
       track: true,
       delay: 0,
       showURL: false,
       showBody: " - "
});});

では、ライブバインディングを使用してバインドするにはどうすればよいですか?

4

1 に答える 1

2

これを達成するには、次の 2 つの方法が考えられます。

  1. ドキュメントを ajax 呼び出しまたは他の方法で更新しているため、新しく作成した要素を追加している領域内で同じ呼び出しを行うことができます。別の qtip を使用したデモを次に示しますが、戦略は同じです: http://jsfiddle.net/lucuma/2EnFV/

  2. ajax 成功でツールチップを追加できない場合は、次のコードが機能します。ツールチップ プラグインを持つ要素に新しいクラスを追加します。マウスオーバー時にクラスが存在しない場合、クラスが追加され、プラグインが開きます。

http://jsfiddle.net/lucuma/WtqYA/

$(document).ready(function() {
    $(document).on('mouseover', '.tooltip[title]', function() {
        if (!$(this).hasClass('applied')) {
            $(this).tooltip({
                track: true,
                delay: 0,
                showURL: false,
                showBody: " - "
            });

            $(this).mouseover();
        }
    });
});

最後に、qtip や jquery ツールなど、積極的に開発されているプラ​​グインの使用を検討することもできます。

http://craigsworks.com/projects/qtip/

http://jquerytools.org/ </p>

于 2012-06-15T02:29:08.730 に答える