Fatal编程技术网

Javascript qTip2不'；行不通

javascript jquery

Javascript qTip2不'；行不通,javascript,jquery,qtip2,Javascript,Jquery,Qtip2,我的代码以前一直有效，直到我不知道我做了什么更改，我从头开始，但它仍然没有显示工具提示，有人能告诉我代码出了什么问题吗？ 或者更好的是，有没有其他（更简单的）方法来实现工具提示 <html> <head> <link type="text/css" rel="stylesheet" href="css/jquery.qtip.css" /> <title>My site</title> </head> <bo

我的代码以前一直有效，直到我不知道我做了什么更改，我从头开始，但它仍然没有显示工具提示，有人能告诉我代码出了什么问题吗？ 或者更好的是，有没有其他（更简单的）方法来实现工具提示

<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>


我的网站
HHHHHHH
$（'a'）.qtip({
内容：{
text:$（'#jj'）//Add.clone（），如果不希望删除匹配的元素，只需复制即可
}
})
试试这个：

$('a').qtip({
    content: $('#jj').text()
});
或者按照注释所说的操作并克隆元素——您可能需要显式地显示它：

$('a').qtip({
   content: {
      text: $('#jj').clone().show()
   }
});
你没有错过那辆满载的车吗

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


$（函数（）{
$（'a'）.qtip({
内容：{
正文：$（“#jj”）
}
});
});
编辑：上面的代码肯定有效，请参阅

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

您需要将您的qtip javascript放入一个文档中

$(function() {
    $('a').qtip({
        content: {
             text: $('#jj').clone()
         }
    });
});
你可以尝试两件事

  • 将脚本移动到头部区域

  • 将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
     }
  });
});

    • 
我的网站
HHHHHHH
$（函数（）{
$（'a'）.qtip({
内容：{
正文：$（“#jj”）
}
});
});
    它也不起作用！即使我使用“text'bla bla bla'”，它也不起作用（没有引用ofc）为什么不在head部分添加脚本，您是否尝试过寻找错误的调试工具，像fire foxgoto中的firebug一样，在安装完成后安装此插件重新启动FireFox并加载出现问题的页面，点击
    f12
    ，它将弹出控制台，其余部分您可以浏览…欢迎使用StackOverflow。原始海报问他/她的代码有什么问题。请你更新一下你的答案，解释一下哪里出了问题。 
    <!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>