質問がわかりにくい場合は申し訳ありません..問題を説明するために最善を尽くしました...
そこで、生徒向けのマッチング問題を作成しようとしています。そのため、ページには 2 つの個別の div に ul があります。学生が li をクリックして、他の div 内の一致する li に接続できるようにする方法が必要です。
質問がわかりにくい場合は申し訳ありません..問題を説明するために最善を尽くしました...
そこで、生徒向けのマッチング問題を作成しようとしています。そのため、ページには 2 つの個別の div に ul があります。学生が li をクリックして、他の div 内の一致する li に接続できるようにする方法が必要です。
あるリストから別のリストにドラッグできるようにし、線を引く代わりに、一致するか正しい場合は、ペアになっている各要素に同じ色の境界線を追加できます。
jQueryUI をチェックしてください:
<canvas>
また、2 つのリストの間に を配置して、各線の始点と終点に適切な x、y 座標があり、それぞれのli
要素を狙う単純な線を描くこともできます。
http://www.tutorialspoint.com/html5/canvas_drawing_lines.htm