加入jQuery UI的功能可拖动/调整大小后附加/在页面上加入它(Add jquery ui fu

我在我的网页问题，当用户点击一个特定的按钮，我的文档中添加元素。

所述元件是

<div class="draggableResizable">
  Some text
</div>

的script.js

$('#button').click(function() {
  $("#pageWrap").append(element)
})

$('.draggableResizable').draggable().resizable()

任何建议都欢迎。

谢谢。

Answer 1:

刚刚重组，所以你添加元素后，初始化部件：

$('#button').click(function() {

    //create an element
    var $element = $('<div class="draggableResizable" />').text('some text');

    //append it to the DOM
    $("#pageWrap").append($element);

    //make it "draggable" and "resizable"
    $element.draggable().resizable();
});

这里是一个演示： http://jsfiddle.net/ZSgBP/1/

Answer 2:

你需要，如果你想将它添加到DOM之后，事件添加到对象使用。对（）或.live（）函数。 如果你不想为使用这些功能，你可以在div简单地添加到HTML，然后把它隐藏在页面加载并调用.show（）就可以了。

文章来源: Add jquery ui function draggable/resizeable after appending/adding it on the page