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

Question

Я пытаюсь создать диаграммы потоков с помощью jsPlumb. Я использую его в файле xhtml и подумываю использовать его позже с помощью бэкэнда. Я возился с предварительным просмотром демо-ролика на своем веб-сайте и немного изменил его в соответствии с моей потребностью. Он в основном удаляет конечные точки (EP) из диаграммы и делает их неперетаскиваемыми. Мой код работает с html-файлом, однако всякий раз, когда я использую его с диаграммами xhtml, исчезают при установке их draggable на 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 можно найти here и файл javascript можно найти here

Answer 1

См. Следующую ссылку. http://jsplumbtoolkit.com/doc/home

раздел: приложение/XHTML + XML

Если вы обслуживаете приложение/XHTML + XML, то вам необходимо включить пространство имен VML в HTML элемента:

Http: // www.w3.org/1999/xhtml 'xmlns: v = "urn: schemas-microsoft-com: vml">

Не забывайте, что в IE < 9 XHTML не поддерживается.