.js-raphael нажмите Удалить путь

Я больше не знаю, как это сделать. Я много чего перепробовал, но ничего не получилось. Держу пари, что это какая-то легкая глупая ошибка, которую я делаю, но увидите.

Я создаю этот путь (trA — который работает просто отлично), и что мне нужно, это либо удалить путь trA после нажатия на span #clean, или удалить его после второго нажатия на 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);

THX для любой помощи!

1 ответ

  1. Переменная trA не находится в области действия для 2-й функции, как она была определена в области действия первого обработчика.

    Попробовать это..

    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);