0

私はjQuery/Javascriptの使用に特に慣れていないので、私が求めていることを行うための最良の方法はわかりません.それは機能しますが、それがどれほど効率的かはわかりません.

基本的に、ツールチップを作成するためのTipTipというプラグインがあります。ヒントを表示したいものの「タイトル」属性から情報を取得するか、スクリプトのオプションを使用して次のように HTML を含めることができます。

<script type="text/javascript">
$(function(){
$(".someClass").tipTip({content:"<strong>What you want in the tooltip</strong>"; })             
});
</script>

ページにさまざまなツールチップを生成したいのですが、それらはすべて同様のスタイルに適合し、実際には変更可能な変数のみが必要です (これらはアチーブメント プログレス バーであるため、% プログレスに 1 つの値を渡すだけで済みます)。

では、単純に多数のスクリプト タグを使用して上記のコードを複製しても問題ありませんか、それとも何らかの方法で変数を渡して、ツールチップ コードの 1 つだけを上部に保持することはできますか?

それとも、これは TipTip の開発者に適した質問ですか? 前もって感謝します。

4

1 に答える 1

4

このシナリオで HTML5 を使用しても問題ないと仮定すると、html データ属性を使用して要素固有のツールチップを保存し、それを使用してヒント プラグインを設定することをお勧めします...

$(function(){
    $('.toolTipClass').each(function() {
        var element = $(this);
        element.tipTip({
            content: "<strong>"+element.data("toolTip")+"</strong>"
    });
});

HTML5属性を次のように追加するだけです

<div class="toolTipClass" data-toolTip="This is the tool Tip">Div Content</div>
于 2011-07-18T17:05:19.900 に答える