Javascript Wordpress-小部件保存按钮中断jquery

所以，我有一个小部件。我可以在点击后添加div。追加 例如，当我添加5个div并单击save all of Issapear时。我也不能再添加一个div。我需要重新加载wpadmin页面，然后我可以再次添加它。 我发现了一些东西，但似乎对我不起作用。有什么想法吗

我的js文件

jQuery(document).ready(function($){


// basic add

$("button#remove").click(function(){
$(".marker").remove();
});


//add with position
var map = $(".map");
var pid = 0;

function AddPoint(x, y, maps) {

    var marker = $('<div class="marker"></div>');
    marker.css({
        "left": x,
        "top": y
    });
    marker.attr("id", "point-" + pid++);
    $(maps).append(marker);
    $('.marker').draggable({
        stop: function(event, ui) {
            var thisNew = $(this);

            var x = (ui.position.left / thisNew.parent().width()) * 100 + '%';
            var y = (ui.position.top / thisNew.parent().height()) * 100 + '%';

            thisNew.css('left', x);
            thisNew.css('top', y);

            console.log(x, y);
        }
    });
}
map.click(function (e) {
        var x = e.offsetX/ $(this).width() * 100 + '%';
        var y = e.offsetY/ $(this).height() * 100 + '%';
        AddPoint(x, y, this);
});

});

jQuery（文档）.ready（函数（$）{
//基本添加
$（“按钮#删除”）。单击（函数（）{
$（“.marker”）.remove（）；
});
//添加位置
变量映射=$（“.map”）；
var-pid=0；
函数添加点（x、y、映射）{
变量标记=$（''）；
marker.css({
“左”：x，
“顶部”：y
});
attr（“id”，“point-”+pid++）；
$（地图）。附加（标记）；
$（'.marker'）。可拖动({
停止：功能（事件、用户界面）{
var thisNew=$（本）；
var x=（ui.position.left/thisNew.parent（）.width（））*100+'%；
变量y=（ui.position.top/thisNew.parent（）.height（））*100+'%；
这个新的.css（'left'，x）；
这个新的.css（'top'，y）；
控制台日志（x，y）；
}
});
}
映射。单击（函数（e）{
var x=e.offsetX/$（this）.width（）*100+'%'；
var y=e.offsetY/$（this.height（）*100+'%'；
添加点（x，y，this）；
});
});