单击没有重新加载页面的按钮后如何重新加载整个svg答案

【问题标题】：How to reload whole svg after click a button without reload page单击没有重新加载页面的按钮后如何重新加载整个svg
【发布时间】：2017-07-25 21:54:26
【问题描述】：

https://github.com/a115/HTML-SVG-connect我正在使用这个插件来绘制可拖动的线。但是这个插件不允许我在加载 svg 后重新创建行。我想在点击两个元素时创建线条。

【问题讨论】：

请在您目前尝试过的问题中添加一些代码。
能否提供Minimal, Complete, and Verifiable example。
gist.github.com/alojzije/11127839
谁能帮帮我！如何在不重新加载页面的情况下重新初始化 svg。点击事件等？

标签： javascript jquery jquery-ui svg jquery-svg

【解决方案1】：

    addSvgInHere = function(_this, $element, $svg, defs, markerObjCircleS, circleObjS, markerObj, arrowObj) {
  timerId = setInterval(function(argument) {
    $element.append($svg);
              if ( $(_this).attr('data-trigger') != "true") { 
                $(defs).appendTo($svg);                        
                }       

              },500);
    setInterval(function (argument) {
                markerObjCircleS.appendChild(circleObjS);
                markerObj.appendChild(arrowObj);
                $(defs).append(markerObjCircleS);
                $(defs).append(markerObj);         
    },1000);
};

【讨论】：

【解决方案2】：

/*css*/
svg {
    width: 100% !important;
    height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

【讨论】：

解决了！我已经使用这个 css 来冻结 svg 和线条。
对不起！但这不是不同的答案，我只是在一段时间后将 svg “附加”到 div 中，因此它会自动一一附加。所以我用 css 用 {position: absolute;} 修复了它。
您对这个问题有两个不同的答案。这是为什么呢？