如何在单独的<div> <ul>中使用行连接两个<li> </ul> </div> </li>

Question

很抱歉，如果这个问题令人困惑......我尽力描述这个问题......

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

Answer 1

您可以允许它们从一个列表拖动到另一个列表而不是绘制一条线，如果它们匹配或正确，您可以为每个配对元素添加相同颜色的边框。

查看jQueryUI：

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

你可以在两个列表之间有<canvas>并绘制简单的行，其中每行的开头和结尾都有适当的x，y坐标，以瞄准相应的li元素：

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