javascript - 如何制作两个s 分开s 可与线路连接

Question

对不起，如果这个问题令人困惑..我尽力描述这个问题......

所以，我正在尝试为我的学生创建一个匹配的问题。因此该页面将在 2 个单独的 div 中有一个 ul。我需要一种方法让学生单击 li 并连接到另一个 div 中的匹配 li。

Answer 1

You could allow them to drag from one list into the other list and instead of drawing a line, you could add a border of the same color to each paired element if they match or are correct.

Check out jQueryUI:

• http://jqueryui.com/draggable/
• http://jqueryui.com/droppable/

You could also have a <canvas> between the two lists and draw simple lines where the start and end of each line has appropriate x,y coordinates to aim at the respective li elements:

http://www.tutorialspoint.com/html5/canvas_drawing_lines.htm