0

私はjQuery1.7.2とjQueryTooltipプラグイン1.3を使用しています。。私はクラスの顧客と一緒にたくさんのdivを持っています。すべてのdivには、顧客IDを含むtitle属性があります。私の目標は、ユーザーがdivの上にマウスを移動したときに表示されるツールチップにAJAXを使用して動的データをロードすることです。

これは私が今持っているコードです：

    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);
        }
    });

ご覧のとおり、お客様IDを見つけるために必要なコードがありません。関数にパラメーターを追加しようとしましたbodyHandlerが、これは機能しません。また、http： //docs.jquery.com/Plugins/Tooltipにあるドキュメントは私を助けませんでした。

誰かがこの問題で私を助けることができますか？

4

2 に答える 2

0

私は同じ投稿を投稿しました。あなたはここでいくつかのアイデアを得るかもしれません-

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

于 2012-05-14T08:48:08.347 に答える
0

html 5 データ属性を使用してコンテナに顧客 ID を保持し、後でJquery data()を使用して顧客 ID を取得できます。

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

そして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 . 
        }
    });
于 2012-05-14T08:48:18.423 に答える