Jquery ui TipTip仅在ajaxpost后的第二次悬停时工作
情况: 我的工具提示显示在我的页面上。打开我的fancybox工作。从fancybox中编写ajax文章是可行的。 但我的工具提示在fancybox中不起作用。在我的ajax帖子之后,它们就不起作用了 我试图用fancybox的回调重新初始化TipTip 编辑 标题变更 所以我找到了一种方法,让它在post之后的第二次悬停时运行,而不是在第一次悬停时运行 我也找到了一些解释,但仍然没有解决我的问题。可能是做错了 编辑2 Tootip在fancybox中工作,仅限在演示后使用 更改 在$(function(){中添加了此函数,以便它调用此函数而不是initTipTipJquery ui TipTip仅在ajaxpost后的第二次悬停时工作,jquery-ui,jquery,Jquery Ui,Jquery,情况: 我的工具提示显示在我的页面上。打开我的fancybox工作。从fancybox中编写ajax文章是可行的。 但我的工具提示在fancybox中不起作用。在我的ajax帖子之后,它们就不起作用了 我试图用fancybox的回调重新初始化TipTip 编辑 标题变更 所以我找到了一种方法,让它在post之后的第二次悬停时运行,而不是在第一次悬停时运行 我也找到了一些解释,但仍然没有解决我的问题。可能是做错了 编辑2 Tootip在fancybox中工作,仅限在演示后使用 更改 在$(func
$(".tooltip").live('mouseover', function () {
$(this).tipTip();
});
完成post操作并关闭fancybox的函数的代码
函数(){inittippip();}));
$(“#reservationDetail”).load(解析URL(“~/Reservation/DetailInfo”,
函数(){inittippip();}),{reservationId:id});
$(“#保留列表”)。在(“悬停”,“工具提示”,函数(){$(this.tipTip();})上;
}
否则{
$(.errorDiv”).removeClass(“隐藏”);
$(“.errorDiv”).html(数据);
$(“.btnReservations”).removeAttr('disabled');
}
});
新的
$(“.tooltip”).live('mouseover',function(){
$(this.tipTip()
}
});
仍与编辑前相同。
TipTip的代码初始化
function initTipTip () {
$(".tooltip").tipTip();
}
fancybox代码
function openFancy() {
$("a.inline").fancybox({
'type': 'ajax',
'afterShow': function () {
return initTipTip();
}
});
$("a.inlineBlockedDate").fancybox({
'type': 'ajax',
'ajax': { cache: false },
'afterShow': function () {
return initTipTip();
}
});
}
我找到了解决办法 因此,我使用了my.live in$(函数(){与我的问题类似,但我在这里没有使用“.tooltip”,而是使用了表本身。我在这里也使用initTipTip,而不是$(this.tipTip(); 这就解决了TipTip中的工具提示问题 解释:这是因为tooltip.live仅在第一次悬停时触发,而不是在表格“刷新”时触发。因此,现在在表格刷新时添加该事件 如果我错了,请纠正我 因此,不需要任何其他.tiptip内容或InitTipTip,然后在$(function()中){
我希望这个问题能解决您的问题。谢谢,这对我帮助很大:)
function openFancy() {
$("a.inline").fancybox({
'type': 'ajax',
'afterShow': function () {
return initTipTip();
}
});
$("a.inlineBlockedDate").fancybox({
'type': 'ajax',
'ajax': { cache: false },
'afterShow': function () {
return initTipTip();
}
});
}
$("#reservationList").live('mouseover', function () {
initTipTip();
});