2

我的代码过去一直工作，直到我不知道我改变了什么，我从头开始一切，但它仍然没有显示工具提示，有人可以告诉我代码有什么问题吗？甚至更好，还有其他（更简单）的方法来实现工具提示吗？

<html>
<head>

<link type="text/css" rel="stylesheet" href="css/jquery.qtip.css" />    
<title>My site</title>
</head>
<body>
<a href="#">ZA</a>  
    <div id="jj" style="display: none;">HHHHHHH</div>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.qtip.js"></script>
    <script type="text/javascript">

        $('a').qtip({
        content: {
        text: $('#jj') // Add .clone() if you don't want the matched elements to be removed, but simply copied
    }
    })

</script>
</body>
</html>
4

5 回答 5

1

试试这个：

$('a').qtip({
    content: $('#jj').text()
});

或者按照评论所说的去做并克隆元素——你可能必须明确地显示它：

$('a').qtip({
   content: {
      text: $('#jj').clone().show()
   }
});
于 2012-01-31T20:15:49.890 回答
1

你不是错过了onload吗？

<script type="text/javascript">
$(function() {
    $('a').qtip({
        content: {
            text: $('#jj') 
        }
    });
});
</script>

编辑：上面的代码绝对有效，见jsfiddle

确保您的 qtip.js 和 qtip.css 已加载并且是最新的

于 2012-01-31T20:26:04.863 回答
1

您需要将您的 qtip javascript 放入准备好的文档中。

$(function() {
    $('a').qtip({
        content: {
             text: $('#jj').clone()
         }
    });
});
于 2012-01-31T20:27:01.313 回答
0 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link type="text/css" rel="stylesheet" href="Scripts/qTip/jquery.qtip.css" />    
<title>My site</title>
</head>
<body>
<a href="#">ZA</a>  
    <div id="jj" style="display: none;">HHHHHHH</div> 
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="Scripts/qTip/jquery.qtip.js"></script>
    <script type="text/javascript">
        $(function () {
            $('a').qtip({
                content: {
                    text: $('#jj')
                }
            });
        });
</script>
</body>
</html>
于 2014-10-03T13:08:32.257 回答
0

您可以尝试的两件事

  1. 将脚本移动到您的头部

  2. 将 javascript/jquery 代码包装在ready处理程序中

    $(document).ready(function(){

    $('a').qtip({
       content: {
       text: $('#jj') // Add .clone() if you don't want the matched elements to be removed, but simply copied
     }
  });
});
于 2012-01-31T20:28:56.250 回答