jquery-ui - 在页面上追加/添加后添加jquery ui功能draggable/resizeable

Question

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

元素是

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

脚本.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/