如何使用Javascript开发此功能？

Question

我想要实现的目标如下：

例如，有一个符号表示网页上的表格，用户可以将此元素拖动到网页上的任何位置，当用户丢失光标时，会弹出一个对话框询问用户输入属性的值，例如，列数，行数，输入后，相应的表将在用户选择的位置出现。当然，代表桌子的符号仍然在原始位置。它就像是Dreamweaver的网络版。如何使用Javascript进行此操作？

Answer 1

如果您的问题是如何开始研究此功能，我将从以下开始：

• JQuery开始使用精美而简单的JavaScript功能
• JQuery UI：Draggable，Dialog等

要实际开发此功能，如果您不知道从哪里开始，请从小处开始。创建一个非常基本的网页，可能只是一个图标和一个按钮，然后写一些javascript来做一些小事，比如显示一个对话框并显示结果。慢慢开始添加诸如拖动东西之类的东西等。

JQuery UI的东西有很多演示，你可以开始作为开始定制的基础。

警告：我第一次点击JQuery UI演示页面时，我浪费了至少几天的时间来玩他们所有很酷的东西。它非常简单，因为源代码就在那里，您也可以在演示页面上看到它在浏览器中工作。

Answer 2

您是否看过jQuery UI演示页面？ simple photo manager演示包含您需要的所有主要部分：拖动项目，处理drop事件，执行自定义操作。 revert demo也可能是有意义的

Answer 3

首先定义项目的要求。将其分解为更小的任务和里程碑。然后一些学习和研究jquery可以提供的javascript和框架。还要检查您可以使用的现有解决方案或组件，并减少开发工作。