JorgeのJQueryツールチッププラグイン

私は、誰かがこの問題を抱えているかもしれないとは思っていますが、わかりません。高レベルから、入力[type = text]をロールオーバーし、http://bassitance.deで利用可能なプラグインを使用してツールヒント（含まれた値）を表示しようとしています。JorgeのJQueryツールチッププラグイン

特定の要素の検証にタイトルとクラスを使用する必要があります。そのため、空白のdivを入れてロールオーバーの入力[type = text]値を保持します。

問題：

それは一度に2つのテキストボックスの値を保持しません。右のボックスに値を入力すると、左のツールチップが消えます。私はそれをarounに変えると同じことです。私は、複数の要素にツールチップを残すことはできません。

ここにコードがあります（注：ライブバージョンのある場所がわからないため、プラグインをソースにダウンロードする必要があります）。

<link rel="stylesheet" href="/scripts/jquery-tooltip/jquery.tooltip.css" /> 
<script type="text/javascript" src="/scripts/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="/scripts/jquery-tooltip/jquery.tooltip.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $("input").change(function(){ 
      var newTitle = $(this).val(); 
      $(this).parent().attr("title",newTitle); 
      // re-init tool tip 
      reload(); 
     }); 

     // Init tooltip 
     reload(); 
    }); 

    reload = function(){ 
     $("div").tooltip(); 
    } 
</script> 
<body> 
    <table border="1px solid black"> 
     <tr> 
      <td title="hello"> 
       <div> 
        <input type="text" value=""/> 
       </div> 
      </td> 
      <td> 
       <div> 
        <input type="text" value=""/> 
       </div> 
      </td> 
     </tr> 
    </table> 
    <div id="debug"></div> 
</body> 
</html>

出典

2009-07-07 Jeff Ancel

まあ、私はあまりこのハッキングに終わりました。私はタイトル以外の値、つまりスクロールする必要性を避けるためにテキストボックスの現在の値を割り当てることを可能にする別のプラグインに行きました。 –

ここに私の機能を正しく実行したツールチップがあるサイトがあります。 http://www.walterzorn.com/tooltip/tooltip_e.htm –

あなたの質問を理解できませんでした。一度に2つのツールチップを表示するか、各リロード機能で設定したタイトル属性が両方のタイトルを消去するという問題がありますか？

あなたがもっと説明したり、私が助けることができるあなたの例のデモを表示する前にこのプラグインを使用しました。

シナナン。

EDIT作業バージョン：（それはTDの」のタイトルを変更する）

$(function(){ 
    $("input").change(function(){ 
      var newTitle = $(this).val(); 
      $(this).parent().parent('td').attr("title",newTitle); 
      // re-init tool tip 
      reload(); 
    }); 

    // Init tooltip 
    reload(); 
}); 

reload = function(){ 
    $("[title]").tooltip(); 
}

出典

2009-07-07 22:17:53 Sinan

指定された要素をロールオーバーするときに更新されたツールチップを表示しようとしています。ただ1つのツールチップだけがアクティブなままです。最近変更されたボックスのツールチップです。 –

JorgeのJQueryツールチッププラグイン

答えて

関連する問題