Javascript qTip没有方法';qtip';动态内容
我的系统中有这个接口。 我为所有成功的-[]失败的-[]链接分配类mailListBtn。当用户单击Successful-[]失败-[]时,它将调用此js代码Javascript qTip没有方法';qtip';动态内容,javascript,php,jquery,qtip,Javascript,Php,Jquery,Qtip,我的系统中有这个接口。 我为所有成功的-[]失败的-[]链接分配类mailListBtn。当用户单击Successful-[]失败-[]时,它将调用此js代码 $(".mailListBtn").click(function(){ var currentId = $(this).attr('id'); currentId = currentId.split("_"); //Need to split because ID like MCBTN_13 var actualId
$(".mailListBtn").click(function(){
var currentId = $(this).attr('id');
currentId = currentId.split("_"); //Need to split because ID like MCBTN_13
var actualId = currentId[1];
if($("#C_"+actualId).is(":visible"))
$("#C_"+actualId).hide("slow","swing");
$("img#LOADER_"+actualId).show();
var dataString ="action=getMailListByID"+
"&mailID="+actualId;
$.ajax({
type: "POST",
url: "include/get.php",
data: dataString,
cache: false,
async: true,
success: function(html)
{
$("#SPAN_"+actualId).empty();
$("#SPAN_"+actualId).append(html);
$("#C_"+actualId).show("slow","swing");
$("img#LOADER_"+actualId).hide();
if($("#C_"+actualId).is(":visible"))
$("#CC_"+actualId).show();
else
$("#CC_"+actualId).hide();
reQtip();
}
});
});
reQtip()代码
结果是,当我将鼠标悬停在图标上并显示qTip时,第一个内容“Function exist”(功能存在)发出警报。然后我单击另一个成功-[]失败-[]以检索另一个内容,然后我收到警报“功能不存在”。我的问题是,qTip在我们使用它之后是否会删除它们的功能?在中找到了解决我问题的方法 问题在于我的qTip页面。我有js脚本,并在我的qTip页面中包含js文件。删除此项或将其放在初始页面内将解决此问题
谢谢。在中找到了解决我问题的方法 问题在于我的qTip页面。我有js脚本,并在我的qTip页面中包含js文件。删除此项或将其放在初始页面内将解决此问题 多谢各位
function reQtip()
{
$("img[rel*='template/qTipUpdateContact.php?refID=']").each(function()
{
$(this).qtip({
content: {
text: '<img class="throbber" src="images/loader.gif" alt="Loading..." />',
ajax: {
url: $(this).attr('rel'),
once: false
},
title: {
text: 'UPDATE CONTACT INFO FOR NEWSSID - ' + $(this).attr('title'),
button: true
}
},position: {
at: 'middle left', // Position the tooltip above the link
my: 'right middle',
viewport: $(window), // Keep the tooltip on-screen at all times
effect: false // Disable positioning animation
},
show: {
event: 'click mouseenter',
solo: true // Only show one tooltip at a time
},
hide: {
event: 'click'
},
style: {
classes: 'qtip-dark'
}
});
});
}
if($.fn.qtip)
alert("Function exist");
else
alert("Function not exist");