如何修改Tinypop脚本以便删除div内容而不是隐藏？

Question

我正在实施一个咆哮通知系统。我检查的大多数脚本在通知出现后都使用hide()方法。这使得DOM在超时后持久存在于页面内。当我们收到很多通知时，DOM计数会不断增加。有人可以帮助我使用这个脚本，这样我就可以真正删除DOM元素而不是设置display:none吗？

脚本：http://iambot.net/demo/tinypop/tinypop-1.0.js

谢谢。

Answer 1

替换

// Hide the popup
hide: function() {
    fadeout.apply(this);
}

与

// Remove the popup
hide: function() {
    this.parentNode.removeChild(this);
}

Answer 2

我没有任何关于这个特定脚本库的经验，但在我看来，你可以在底部的原型块中重写hide函数，这将从DOM中删除元素。

// Hide the popup
hide: function() {
    //fadeout.apply(this);
    this.parentNode.removeChild(this);
}

（根据这个有用的SO回答Remove element by id，您无法直接删除该元素，因此您必须转到其父级并要求删除其子级。）

显然，这没有任何错误检查（它应该！）。