Javascript 从代码创建的Div不加载类

我有一个div容器，里面有一对div，还有类demo和重力

<div id="container" style="position:relative;width=400px;height=400px;">
<div class="demo gravity" ></div>
<div class="demo gravity"></div>
<div class="demo gravity"></div>
</div>

---

它适用于内部的div，但不适用于我从代码中添加的div。代码中的Div显示id=container的内部Div，但不可调整大小/可拖动/可拖放。有人知道问题出在哪里吗？

您也需要为新创建的div创建以下内容：

temp.resizable().draggable().droppable();

---

问题是，在调用resizeable.draggable.droppable之后，在其所有同级上添加了新的div

您是否可以在添加之前添加此项？顺便说一句，您可以将所有这些调用链接在一起：

    var temp = $('<div/>');
    temp.attr('id', 'foo')
    .css( {
        position : 'absolute',
        top : '0px',
        left : '0px',
        width : '200px',
        height : '40px'
       })
   .addClass("gravity")
   .addClass("demo")
   .resizable().draggable().droppable();
$('#container').append(temp);

---

这里的JSFIDLE演示了新添加的div实际上是有效的：

这里的FIDLE示例似乎有效

万一小提琴被删了

    var temp = $('<div>');
    temp.append("33");
    temp.attr('id', 'foo');
    temp.css( {
        position : 'absolute',
        top : '0px',
        left : '0px',
        width : '200px',
        height : '40px'
    });​
    temp.addClass("gravity");
    temp.addClass("demo");
    $('#container').append(temp);

var demo = $(".demo");
demo.resizable().draggable().droppable();​

---

在此处添加临时div。

是否在创建div run$.demo.resizeable.draggable.droppable后添加临时div；也是？$。演示无效，请尝试$。演示“这不是您的问题，只是一些信息：您可以将这两个类组合在一起。temp.addClassgravity演示，你真的应该使用链接。所有人都可以接受答案。如果你在调用Resizeable/Dragable/Dropable之前在代码中添加了所有div，这很好，但是如果在页面加载完成后动态添加了任何div，即通过单击按钮添加，则会失败。你的解决方案很好。温度可调整大小、可拖动、可下降；​ 同样有效。

    var temp = $('<div/>');
    temp.attr('id', 'foo')
    .css( {
        position : 'absolute',
        top : '0px',
        left : '0px',
        width : '200px',
        height : '40px'
       })
   .addClass("gravity")
   .addClass("demo")
   .resizable().draggable().droppable();
$('#container').append(temp);

    var temp = $('<div>');
    temp.append("33");
    temp.attr('id', 'foo');
    temp.css( {
        position : 'absolute',
        top : '0px',
        left : '0px',
        width : '200px',
        height : '40px'
    });​
    temp.addClass("gravity");
    temp.addClass("demo");
    $('#container').append(temp);

var demo = $(".demo");
demo.resizable().draggable().droppable();​

temp.resizable().draggable().droppable();​