.js - raphael 点击删除路径

Question

我不知道该怎么做。我尝试了很多东西，但似乎没有任何效果。我敢打赌这是我犯的一些简单的愚蠢错误，但会看到的。

我正在创建此路径（trA - 工作得很好），我需要的是在单击 span #clean 后删除路径 trA，或者在第二次单击 span #tA 后将其删除。我不介意会是哪一个，但我只需要在点击后删除路径。第二个版本当然会更好。

HTML：

<span class="trasa red" id="tA">TRASA A</span>
<span class="trasa" id="clean">CLEAN</span>

.js

document.getElementById('tA').addEventListener('click', function() {
   var trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255");
   trA.attr({'stroke': 'red', 'stroke-width': '2'});
}, false);


document.getElementById('clean').addEventListener('click', function() {
   trA.remove();
}, false);

感谢您的帮助！

Answer 1

您的 trA 变量不在第二个函数的范围内，因为它是在您的第一个处理程序的函数范围内定义的。

试试这个..

var trA;
document.getElementById('tA').addEventListener('click', function() {
   trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255");
   trA.attr({'stroke': 'red', 'stroke-width': '2'});
}, false);


document.getElementById('clean').addEventListener('click', function() {
   trA.remove();
}, false);