Question

我使用jQuery并使用AJAX / JSON调用后端系统来获取应该列为小注释的项目列表，如下所示：http://www.psdgraphics.com/wp-content/uploads/2009/04/sticky-notes.jpg

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

我有一个HTML div区域，项目备注应放在其中：

<div id="projectlist">

</div>

但是我如何使用jQuery创建可编辑的元素（在笔记上打印的名称）和draggable（仅在此项目列表区域中）？如果我添加一个CSS类

，Draggable将起作用

class="draggable"

包含jQuery UI并设置

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

但首先，我必须渲染项目清单并做笔记...... 有谁知道并可以帮助我？

提前谢谢你＆amp;最诚挚的问候。

Answer 1

我会将粘滞便笺作为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>');
    }

也许我没有得到它......你遇到问题的哪一步？

jQuery - 添加可编辑和可拖动的元素

1 个答案: