如何为新加载的元素提供JQuery UI工具提示？
如何为新加载的元素提供JQuery UI工具提示？
提问于 2014-11-10 23:49:01
我有一个几乎为空的HTML文件，其中包含所有的JS和Css文件。然后我在其中加载一个内容页面。其中一些包含我想要添加工具提示的用户名
它们中的大多数看起来像这样：
<user title="" uid="12345" class="a">Username</user>
$( document ).on("load", "user", function(){
$(this).tooltip({
content : "loading...",
open : function(){
var elem = $(this)
$.ajax("UserInfoToolTipContent.jsp?id="+$(this).attr("uid")).success(function(data){
elem.tooltip("option", "content", data);
});
}
});
});这是做这件事的方法吗？因为它不工作，并且我没有收到任何错误消息
Stack Overflow用户
发布于 2014-11-12 02:40:10
<link href="../css/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.min.js"></script>
<script>
$(document).ready(function () {
addUserTagDynamic('<br /><br /><br /><br /><user title="jjj" data-message="Test 2" uid="12345" class="a">Username</user>');
addUserTagDynamic('<br /><br /><br /><br /><user title="jj" data-message="Test 3" uid="12346" class="a">Username</user>');
});
function addUserTagDynamic(data1) {
$('body').append(data1);
//alert(.length);
$('body').find('user:not(.addedtooltip)').tooltip({
open: function () {
var elem = $(this)
elem.tooltip("option", "content", "<h5>Loading....</h5>");
setTimeout(function () {
elem.tooltip("option", "content", "<h6>Hi... I am AJAX Content [ " + elem.data('message') + " ].</h6>");
}, 500);
//Or
//$.ajax("UserInfoToolTipContent.jsp?id=" + $(this).attr("uid")).success(function (data) {
// elem.tooltip("option", "content", data);
//});
}
}).addClass('addedtooltip');
};
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26847558
复制相关文章
相似问题
腾讯云开发者
