Почему бумага переопределяет мои собственные HTML Div (Joint JS)? - PullRequest
0 голосов
/ 15 октября 2019

У меня есть html:

<div class='paper-container' id="wrapper">
    <div class='paper' id="paper" style='margin-bottom: 0px; margin-right: 0px;'>
        <div id='linkMenu'>
          <ul id='linkMenu-items'>
            <li class='contextOption' name='deleteLink'>Delete link</li>
            <li class='contextOption' name='showStart'>Show link start</li>
            <li class='contextOption' name='showEnd'>Show link end</li>
          </ul>
        </div>
    </div>
</div>

После того, как приложение рендерится и достигнет этой точки,

 var paper = new joint.dia.Paper({
        el: $("#paper"),
        width: PAPER_WIDTH,
        model: graph,
        ...
   )};
  • Перед рендерингом:

enter image description here]

  • После рендеринга: enter image description here

  • У меня нет возможности поймать divконтекстных меню для ссылок после рендеринга приложения.

  • Кажется, что Joint js заменяет мой HTML своим собственным.

  • Я использую версию 0.9.6 и хочу обновить версию до последней.

    Спасибо

1 Ответ

0 голосов
/ 15 октября 2019

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

paper.$el.append($('#linkMenu'));
  • Для получения более подробной информации, пожалуйста,нажмите на ссылку ниже:

https://github.com/clientIO/joint/issues/1212

...