Javascript工具提示库:防止错误的元素显示工具提示

我找到了一个工具提示库，我正在努力适应我的需要。我以为我快完成了，但是哎呀:大臭虫。

所以它应该像任何常规的工具提示一样工作(它确实如此)。不幸的是，它将一个空的工具提示应用于页面上的任何元素，而不仅仅是那些具有data属性的元素。

<button data-type="tooltip" data-title-template-id="test">This is supposed to have a tooltip.</button>

无论数据属性如何，它都显示一个工具提示。

在这里变得相当清楚:https://jsfiddle.net/El4a/0t19bbeh/

我知道问题是，它总是追加一个子目标元素(甚至一个空文本，这导致的问题)，我只是不知道如何防止这=(

我完全知道我在传递参数或作用域之类的事情上做错了，我只是不知道什么是正确的方法。