如何用Javascript开发此功能？

Question

我想要实现如下：

例如，有一个符号表示网页上的一个表，用户可以拖动这个元素到网页上的任何地方，当用户丢失光标，会弹出一个对话框要求用户输入属性值，例如输入的行数，行数，相应的表格会在用户选择的地方出现。当然，代表桌子的符号仍然在原来的位置。它就像一个Dreamweaver的网络版本。如何用Javascript做到这一点？

Answer 1

如果你的问题是如何开始研究这个功能我想下手：

• JQuery上手花哨且易于JavaScript功能
• JQuery UI：Draggable，Dialog等

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

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

警告：我第一次进入JQuery UI演示页面时，我至少浪费了几天时间玩所有他们很酷的东西。这很容易，因为源代码就在那里，您还可以在演示页面的浏览器中看到它的工作原理。

Answer 2

你看过jQuery UI演示页面吗？ simple photo manager演示包含您需要的所有主要部分：拖动项目，处理放置事件，在放置时进行自定义操作。 revert demo也可能是有趣的

Answer 3

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