这是我的qtip编码。但它不会工作。我不知道为什么?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Qtip</title>
<script type="text/javascript" src="/jquery demos/jquery1.4.2.js"></script>
<script type="text/javascript" src="jquery.qtip-1.0.0-rc3.js"></script>
<script>
$(document).ready(function()
{
// Match all link elements with href attributes within the content div
$("#content a[href]").qtip({
content: 'This is an active list element',
show: 'mouseover',
hide: 'mouseout'
});
});
</script>
</head>
<body>
<a href='#' id="content" class="qtip">sdfsfsd</a>
</body>
</html>
提前谢谢你?
最佳答案
您的选择器正在查找<a href="something">
内部的#content
,因此只需删除该部分,如下所示:
$("#content").qtip({
content: 'This is an active list element',
show: 'mouseover',
hide: 'mouseout'
});
选择器之间的空格意味着查找前一个选择器匹配项的后代…正确但过度的选择器看起来像这样:
"a[href]#content"
,但…这是过度的(因此效率低下)。您使用的选择器意味着#content
元素内部有如下链接:<div id="content">
<a href='#' class="qtip">sdfsfsd</a>
</div>
或者使用您已经拥有的
qtip
类,如下所示:$(".qtip").qtip({
content: 'This is an active list element',
show: 'mouseover',
hide: 'mouseout'
});
关于php - Qtip对我不起作用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2949377/