2017-03-10 5 views
0

私はTooltipsterライブラリを使用して、1ページ内に膨大な数の単語(約8000)のツールチップを提供します。 Tooltipsterをクラスに割り当てることによって、私はそれを行います。tooltipster(...多くのアクティブなクリック可能な要素のツールチップスピードアップ

したがって、十分な大きさのページが読み込まれると、クラス "w"のすべての要素が処理されるので、そのツールチップを処理するためにクライアントが解析する必要があります。コードを変更して、クラス "w"の特定の要素に対してのみこれを行う方法があるのだろうかと思います。開始

これは減速が観察されている自分のページから非常に単純な例です。

$(document).ready(function() { 
    $('.w').tooltipster({ 
     trigger: 'click', 
     functionBefore: function(instance, helper) { 
      instance.content('My new content'); 
     } 
    }); 
}); 

INVに本当に必要です特定の関数/タスクのためにクラス "w"のすべての要素を準備するために、そこにループを作成する(Tooltipsterなどを介して)?

答えて

0

デリゲートを使用すると、便利なときにのみツールチップを作成できます。これは、いくつかのケースでは欠点がありますが、ほとんどの場合、うまく機能します。ドキュメントにTooltipsterの委任についての説明があります:http://iamceege.github.io/tooltipster/#delegation

+0

私はそれがマニュアルでカバーされていたとは思えませんでした。正しい方向に私を指してくれてありがとう - それは今完全にうまくいく。 –

+0

私はあまりにも早く話しました。これはMac、Windows Phone上のSafariで動作しますが、iOSデバイスでは不思議ではありません.iOS Safariのデバッグモードでは、ページは何のエラーもなくロードされますが、ツールチップはまったく表示されません。私は別の質問をしなければならないのでしょうか、それともなぜ起こっているのかも知れませんか? –

+0

これは別の問題です。おそらくあなたのアプリに固有のもので、自分でデバッグする必要があります。開始するクリックイベントをキャッチするものがないか、ツールチップが初期化されるかどうかを確認します。 –

関連する問題