Javascript qTip工具提示不显示，jQuery

我有一个显示项目的网站，每页12个项目，我可以使用jquery对页面进行分页。在同一个页面上，我使用qTip实现了工具提示功能

将鼠标悬停在项目上方，会显示一些信息。直到我使用paginator进入下一页为止

分页将重新加载内容。但它的结构与我刷新页面时的结构相同

这是我的密码：

$(document).ready(function() {
 $(".cornerize").corner("5px");
 $('a#verd').live('click', exSite);
 $("a.tp").live('click', thumpsUp);
 $("a#next").click(getProgramms);
 $("a#previous").click(getProgramms);
 $("a#page").each(function() {
  $(this).click(getProgramms);
 });

 $('a.ppname[rel]').each(function(){

    $(this).qtip( {
     content : {url :$(this).attr('rel')},
     position : {
      corner : {
       tooltip : 'leftBottom',
       target : 'rightBottom'
      }
     },
     style : {
      border : {
       width : 5,
       radius : 10
      },
      padding : 10,
      textAlign : 'center',
      tip : true, 
      name : 'cream' 
     }

    });
   });

 });

html/dom不会更改：

<a class="ppname" rel="link" href="#">...</a>

---

qTip从每个a.ppname中获取rel值end来加载内容。

这是因为在页面加载后加载新元素时，新元素不会自动“qtipe”。对于常规事件，您必须使用

.live（）

而不是

.bind（）

这个问题以前已经解决过（从评论来看）：

正确的方法是（根据该答案）：

---

这是因为在页面加载之后加载新元素时，新元素不会自动“qtipe”。对于常规事件，您必须使用

.live（）

而不是

.bind（）

这个问题以前已经解决过（从评论来看）：

正确的方法是（根据该答案）：

---

此解决方案可行，但工具提示显示错误，有时显示，有时不显示。这是我关于这个问题的问题啊，你说得对！我遗漏了部分解决方案：$我认为现在应该更好。但现在似乎有点慢，一些项目必须悬停两次才能显示工具提示。我从rel获得一个url，并从php服务器加载一些内容来显示工具提示，可能是因为这个？我现在对它进行了测试，每个链接必须精确悬停两次才能获得工具提示。在这种情况下，是否包括

show:{ready:true}

和

target.trigger（'mouseover'）在底部？嗨，我现在面临一个奇怪的问题。有时，当我将项目快速悬停（我不确定）时，工具提示不会关闭…对此有什么想法吗？此解决方案可行，但工具提示显示错误，有时显示，有时不显示。这是我关于这个问题的问题啊，你说得对！我遗漏了部分解决方案：$我认为现在应该更好。但现在似乎有点慢，一些项目必须悬停两次才能显示工具提示。我从rel获得一个url，并从php服务器加载一些内容来显示工具提示，可能是因为这个？我现在对它进行了测试，每个链接必须精确悬停两次才能获得工具提示。在这种情况下，是否包括
show:{ready:true}
和
target.trigger（'mouseover'）在底部？嗨，我现在面临一个奇怪的问题。有时，当我将项目悬停得非常快（我不确定）时，工具提示不会关闭…对此有什么想法吗？
$('a.ppname[rel]').live('mouseover', function() {
    var target = $(this);
    if (target.data('qtip')) { return false; }

    target.qtip({
        overwrite: false, // Make sure another tooltip can't overwrite this one without it being explicitly destroyed
        show: {
            ready: true // Needed to make it show on first mouseover event
        },
        content : {url :$(this).attr('rel')},
        position : {
            corner : {
                tooltip : 'leftBottom',
                target : 'rightBottom'
            }
        },
        style : {
            border : {
            width : 5,
            radius : 10
        },
        padding : 10,
        textAlign : 'center',
        tip : true, 
        name : 'cream' 
    });

    target.trigger('mouseover');
});