Qtip у меня не работает? - PullRequest
Новая
       5

Qtip у меня не работает?

3 голосов
/ 01 июня 2010

Это моя кодировка для 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>

Заранее спасибо?

1 Ответ

1 голос
/ 01 июня 2010

Ваш селектор выглядит для <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'   
});
...