javascript - grumble.js，jQuery 插件(气泡弹出窗口): how to make it not polute my document body with unremovable trash?

Question

我想在点击时显示一个弹出窗口。我希望很多人都处于泡沫之中。所以我创建了一个演示:here .但是那个Bubble generator plugin每次显示弹出窗口时，我都会在 DOM 中保留大量垃圾。好吧，所以我试着通过

        $('.grumble-text').remove();
        $('.grumble').remove();
        $('.grumble-button').remove();

但它以某种方式完全阻止了它=(那么如何更改 grumble-bubble popup plugin code 以使其保持 DOM 清洁或至少使插件独立于它创建的垃圾？

Answer 1

我最近更新了插件以更好地控制定位和 Angular 。更新还保留了提示，在元素上多次调用插件不会创建额外的剩余 DOM。

尝试更新到最新代码。下面的代码现在应该可以按预期工作。

var html = ''
    +'<a href="#me" target="_blank">Download me</a>'
    +'<br/>'
    +'<a href="#edit">Edit me</a>'
    +'<br/>'
    +'<a href="#delete">Delete me</a>';

var $grumble = $('#grumble3');

$grumble.mouseup(function(eventObj) {
    $grumble.grumble({
        text: html ,
        angle: (Math.random() * 360 + 150),
        distance: 30,
        hideOnClick: true,
        onShow: function() {
            $grumble.addClass("hilight");
        },
        onBeginHide: function() {
            $grumble.removeClass("hilight");
        }
    });
}).mousedown(function() {
    $grumble.addClass("hilight");
});

感谢您的关注。如果还有其他问题，请在 github 页面上将其作为错误提出。 https://github.com/jamescryer/grumble.js