Javascript 使用.each迭代qtip的使用

我在让Qtip jquery插件处理一整类html项目时遇到了一个问题：

$(".peoplebtn").each(function() {
    $(this).qtip({ 
        content: {
            text: $(this).attr('qTipText')
        }
});
});

然而，当我尝试此操作时，它抛出了一个未捕获的TypeError:Object[Object Object]没有方法“qtip”。 我已经确保qtip脚本和css被正确包含。他们应处理img标签，例如：

<img class="peoplebtn qtipped" qTipText="Leonardo Dicaprio" onclick="" src="btn/btnf3.png">

---

提前谢谢你的帮助

这是一个使用与您发布的相同Javascript的工作提琴：

没有更多的信息我帮不了你。您收到的错误听起来像是QTip库未能正确加载或初始化

HTML:

---

您确定要包括Qtip JS文件而不仅仅是

imagesLoaded.JS

文件吗？您的控制台中是否有其他错误（例如，JS文件的404）？没有！我绝对肯定我有JS文件，因为我尝试了一个不同的示例，它按预期工作。@Tomalak-实际上，这是QTip库的一个特性-需要这样才能访问单个元素。请参阅“关于‘此’变量的说明”部分。@steve.hanson哦，我明白了。设计用于jQuery的API是多么愚蠢的一种方式。这是包括在头部，我相信这是正确的这看起来是正确的！也许我有错误的jquery版本或者我检查过的东西，我的导入肯定是可以的。我应该在前面提到，我已经将它放在$（document）.ready（function（）{}jquery块中。我已经取出了块，并且没有返回错误，尽管现在qtip甚至没有显示。您有什么想法？

<img qTipText="Hello from img" src="http://placehold.it/200x200" class="peoplebtn" />

$(".peoplebtn").each(function() {
  $(this).qtip({ 
      content: {
          text: $(this).attr('qTipText')
      }
  });
});