我正在尝试使用qtip2 http://craigsworks.com/projects/qtip2/。我的问题是我只想在用户单击时才显示工具提示href
里面有指定的html。所以我尝试这个:
function help(){
var link = document.getElementById('helps');
if(link.innerHTML=="Open"){
$('#helps').qtip({
content: {
text: 'I get shown on click'
},
show: {
event: 'click'
}
});
link.innerHTML = "Close";
}else{
link.innerHTML="Open";
}
}
<a href="javascript:help()" id="helps">Open</a>
我的问题是,当我点击时,文本变成Close
但工具提示不显示。当我再次单击时,文本变为Open
我看到工具提示。我能做些什么?
您应该初始化qtip
之前onclick
处理程序。
$('#helps').qtip({
content: {
text: 'I get shown on click'
},
show: {
event: 'click'
}
});
function help() {
var link = document.getElementById('helps');
if (link.innerHTML == "Open") {
link.innerHTML = "Close";
} else {
link.innerHTML = "Open";
}
}
< a href = "javascript:help()" id = "helps" > Open < /a>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)