В моих предыдущих сообщениях мы обсуждали включение функций перетаскивания с помощью библиотеки jsPlumb. Недавно я наткнулся на библиотеку JavaScript interact.js, которая оказалась столь же удобной для пользователя, как jsPlumb.
Ниже приводится их краткое сравнение.
Приведенные выше детали не представлены здесь для того, чтобы сделать один из них лучшим по сравнению с другим.
Но, по моему собственному опыту, я смешал оба в своих проектах, используя функции перетаскивания для некоторых элементов из jsPlumb и функцию перетаскивания и изменения размера для одного элемента из interact.js. Но единственное беспокойство при использовании обеих библиотек в одной функции было связано с тем, что функция перетаскивания jsPlumb и interact.js перекрывала друг друга, вызывая непреднамеренный эффект, который необходимо обрабатывать вручную с помощью дополнительных методов. В моем случае я удалил перетаскивание jsPlumb, применяемое к элементу, рассматриваемому в этом контексте, и включил перетаскивание interact.js только для этого конкретного экземпляра.
Вот пример того, как я включил interact.js в реализацию функций перетаскивания и изменения размера.
перетаскиваемая функция
функция с изменяемым размером
Здесь «.partitiondrop» - это класс элемента, для которого мне нужно применить предыдущую функцию. Большинство объяснений дается в самом коде в виде комментариев.
Вы всегда можете получить дополнительную информацию о библиотеке interact.js.
