Question

上午，

我正在使用 jQuery 1.7.2 和 jQuery Tooltip插件1.3。。我有一堆类客户的div。每个div都有一个title属性，其中包含客户ID 。我的目标是在工具提示中加载带有 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的文档也没有帮助我..

任何人都可以帮我解决这个问题吗？

提前致谢！

Answer 1

我发布了相同的帖子。你可能会在这里得到一些想法 -

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

Answer 2

您可以使用html 5数据属性来保存Container中的客户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 . 
        }
    });

带有ajax的jQuery Tooltip插件1.3

2 个答案: