Установка элемента для перетаскивания с помощью jsPlumb заставляет его исчезнуть

Я пытаюсь создать блок-схемы с помощью jsPlumb. Я использую его в файле xhtml и планирую использовать его позже с вспомогательным компонентом. Я возился с предварительным просмотром демонстрации перетаскивания на их веб-сайте и немного видоизменил ее в соответствии со своими потребностями. По сути, он удаляет конечные точки (EP) с диаграммы и делает их неперетаскиваемыми. Мой код работает с html-файлом, однако всякий раз, когда я использую его с диаграммами xhtml, они исчезают при установке их перетаскивания на false. Этого не происходит, если я использую true. В любом случае, мой вопрос в том, почему он ведет себя таким образом и как я могу его решить?

Вот некоторые части моего кода:

function preview() {

    var windows = $(".shape");
    var x;
    for ( var i = 0; i < windows.length; i++) {
        x = windows[i].getElementsByClassName("ep");
        windows[i].removeChild(x[0]);
        jsPlumb.setDraggable(windows[i], false); // makes charts disappear
    }

    jsPlumb.repaintEverything();
}

Опять же, точный код работает с файлом html. xhtml можно найти здесь, а файл javascript можно найти здесь