javascript - MobileDragAndDrop Javascript

Question

我目前正在使用一个名为 mobiledraganddrop 的 jquery 库。现在我想用 java 脚本动态添加 Drag 元素这是 HTML 的代码。

<div data-role="panel" id="right-panel" data-position=right
        data-display=overlay data-theme="c">
        <form id="fdad">
            <div style="width: 200px;">
                <div class="drag" id="drag1">
                    <p>P1</p>
                </div>
                <div class="drag" id="drag2">
                    <p>P2</p>
                </div>
                <div class="drag" id="drag3">
                    <p>P3</p>
                </div>
            </div>
        </form>
    </div>

现在我想要同样的 Javascript 但它不起作用....

var parent = document.getElementById("fdad");
var element = document.createElement("drag");
element.setAttribute("id", "1");
element.setAttribute("name", "blaa");
parent.appendChild(element);

Answer 1

我不确定该插件是如何工作的，但请尝试以下操作：

var element = document.createElement("div");
element.className = "drag";
element.id = "drag1";

或者使用 jQuery：

$('#fdad').append('<div class="drag" id="drag1">');