如何用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和框架可以提供什麼。同時檢查您可能能夠使用的現有解決方案或組件，並減少您的開發工作。