jQuery的 - 增加可編輯和可拖動的元素

我使用jQuery，我打電話與AJAX/JSON後端系統獲得的，應被列爲小票的項目清單，像這樣的：http://www.psdgraphics.com/wp-content/uploads/2009/04/sticky-notes.jpg jQuery的 - 增加可編輯和可拖動的元素

function getAllProjects() { 
    $.getJSON("allprocets, function(data) { 
     $.each(data, function(id, data) { 
      alert(data.id); 
      alert(data.name); 
     }); 
    }); 
}

和我在該項目的筆記應該放在一個HTML DIV區域：

<div id="projectlist"> 

</div>

但我怎麼能與jQuery這樣的元素，其是可編輯的（這是印在記下該名稱），並拖動（僅在此創建projectlist區）？可拖動將工作，如果我添加例如CSS類

class="draggable"

包括jQuery UI的並設置

$(".draggable").draggable();

但首先，我要呈現的項目列表，並做筆記... 不任何人都知道並可以幫助我？

謝謝你提前&最好的問候。

來源

2010-12-19 Tim

我會將粘滯便箋作爲div元素的背景圖像，然後用您需要插入的文本（和html）更新所述div元素的html。

<div id="projectlist"> 
    <div class="project" style="width: 200px; height: 200px; background-image: url('sticky-notes.jpg'); background-repeat: no-repeat;"> 
     // text 
    </div> 
</div>

jQuery的 - 插入的內容是這樣的...

function insert_content() { 
    $('.project').html('<h1>Heading</h1><ul><li>Step 1</li><li>Step 2</li></ul><p>Project description</p>'); 
    }

也許我沒有得到它......哪一步，你有一個問題？

來源

2010-12-19 16:21:02 65Fbef05

謝謝。背景圖像不是必需的，因爲我將使用CSS3特徵（陰影）的彩色背景。但我的主要問題是，用jQuery來渲染。 – Tim 2010-12-19 16:27:33

上述編輯有幫助嗎？也許我不理解這個問題。 – 65Fbef05 2010-12-19 16:34:32

我這樣做：$（'＃projectlist'）。append（'

new paragraph

'）;然後在循環之後，因爲我會得到多個項目，所以我這樣做：$（「。draggable」）。draggable（）;但元素不可拖動我的div id =「projectlist」 – Tim 2010-12-19 16:45:36

jQuery的 - 增加可編輯和可拖動的元素

回答

相關問題