grumble.js,jQuery插件(泡泡弹出窗口):如何让它不用使用不可移动的垃圾回复我的文档正文？

Question

我想在点击时显示许多弹出窗口.我希望那么多人陷入泡沫之中.所以我创建了一个演示:这里.但是我使用的Bubble生成器插件每次显示弹出窗口时都会在DOM中保留大量垃圾.那么我试图通过破坏垃圾

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

但它总是以某种方式制动它=(那么如何更改grumble-bubble popup插件代码以使其保持DOM清洁或至少使插件独立于它创建的垃圾？

Answer 1

我最近更新了插件,以便更好地控制定位和角度.更新还会持续存在问题,在元素上多次调用插件不会在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