jQueryのツールチップアヤックスとプラグイン1.3

Question

朝、

私はのjQuery 1.7.2とjQueryのツールチッププラグイン1.3で働いています。。 私は、クラスの顧客でdivの束を持っています。すべてのdivには、カスタマーIDを含むtitle属性があります。 私の目標は、動的データをAJAXとロードすることです。ツールチップには、ユーザーがマウスをdivに移動したときに表示されます。あなたは私が顧客IDを見つけるために必要なコードを持っていない見ることができるように

jQuery('.customer').tooltip({ 
     delay: 0, 
     showURL: false, 
     bodyHandler: function() { 
      return jQuery('<div>HERE I WANT TO SHOW SOME RELEVANT CUSTOMER DATA</div>').attr('src', this.src); 
     } 
    }); 

：

これは私が今持っているデコードです。私はbodyHandler関数でパラメータを追加しようとしていますが、これは動作しません。 また、http://docs.jquery.com/Plugins/Tooltipにあるドキュメントは私を助けませんでした。

誰でもこの問題を解決できますか？

ありがとうございます！

Answer 1

私は同じものの投稿を投稿しました。あなたはhere-

http://www.codeproject.com/Tips/265445/jQuery-tooltip-with-ajax-tooltip-datasource-with-g

Answer 2

あなたがHTML 5コンテナに顧客IDを保持するデータは、属性が、その後あなたはJquery data()

<div class="customer" data-CustomerID="YourCustomerID" > asdfasdfasdf</div> 

を使用して顧客IDをretriveすることができます使用することができますいくつかのアイデアを得ることができます

とjQueryの一部

jQuery('.customer').tooltip({ 
     delay: 0, 
     showURL: false, 
     bodyHandler: function() { 

      alert($(this).data("CustomerID")); // will print your customerID, 
      // check in the console $(this) means, your current div wher you hovered it . 
     } 
    });