2010-06-01 67 views
3

這是我編寫的Qtip.But不會工作。我不知道爲什麼?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> 

在此先感謝?

+0

什麼是不工作?你得到什麼錯誤信息? – 2010-06-01 11:38:50

回答

1

你的選擇是對lookinf <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' 
});