2

Webページに問題があります。ユーザーが特定のボタンをクリックしたときに、ドキュメントに要素を追加しています。

要素は

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

script.js

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

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

どんな提案でも大歓迎です。

ありがとうございました。

4

2 に答える 2

4

要素を追加した後にウィジェットを初期化するように再構築するだけです。

$('#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/

于 2012-04-25T03:31:14.730 に答える
0

オブジェクトをDOMに追加した後でオブジェクトにイベントを追加する場合は、.on（）または.live（）関数を使用する必要があります。これらの関数のいずれも使用したくない場合は、HTMLにdivを追加し、ページの読み込み時に非表示にして、.show（）を呼び出すだけです。

于 2012-04-25T03:37:32.793 に答える