0

我正在使用jQuery 1.7.2和jQuery Tooltip 插件 1.3。. 我与类customer有一堆 div 。每个 div 都有一个包含客户 ID的 title 属性。我的目标是在工具提示中使用AJAX加载动态数据，当用户将鼠标移到 div 上时会显示该工具提示。

这是我现在拥有的代码：

    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 回答