Jquery ui 带有ajax的jQuery工具提示插件1.3
早上好 我正在使用jQuery 1.7.2和jQuery工具提示插件1.3。。 我和班上的顾客有一堆私事。每个div都有一个包含客户ID的title属性。 我的目标是在工具提示中使用AJAX加载动态数据,当用户将鼠标移到div上时,工具提示会显示出来 这是我现在拥有的de代码:Jquery ui 带有ajax的jQuery工具提示插件1.3,jquery-ui,jquery,javascript-events,jquery-tooltip,Jquery Ui,Jquery,Javascript Events,Jquery Tooltip,早上好 我正在使用jQuery 1.7.2和jQuery工具提示插件1.3。。 我和班上的顾客有一堆私事。每个div都有一个包含客户ID的title属性。 我的目标是在工具提示中使用AJAX加载动态数据,当用户将鼠标移到div上时,工具提示会显示出来 这是我现在拥有的de代码: jQuery('.customer').tooltip({ delay: 0, showURL: false, bodyHandler: function() {
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函数中添加参数,但这不起作用。
此外,位于的文档也没有帮助我
有人能帮我解决这个问题吗
提前谢谢 我也为此贴了一篇帖子。你可能会有一些想法-
您可以使用HTML5数据属性将客户id保存在容器中,然后稍后您可以使用
谢谢你的建议。我现在正在使用数据CustomerID。不幸的是,customer类有多个div,因此我必须找到当前div的customer id..@E.Clark尝试在body处理程序中检查$this,因为它将显示当前id,n还更新了答案我使用了jQuerythis,这将导致以下代码:jQuery'.customer'.tooltip{delay:0,showURL:false,bodyHandler:function{return jQuery+jQuerythis.data'CustomerID'+.attr'src',this.src;}};它现在显示未定义的…签入控制台。对于$这意味着什么,您可以为我们进行设置吗。为了让我们可以查看它,我已经手动添加了用于jQuery的js css工具提示。我无法让它工作。谢谢,我已经阅读了该页面,但是您查找ID的方式与我的有很大不同。我一直在尝试使用.closest'div.find,但我没有设法获取客户ID。
<div class="customer" data-CustomerID="YourCustomerID" > asdfasdfasdf</div>
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 .
}
});