0

外部のhtmlファイルからdivにデータを読み込もうとしました。

ドロップダウンからhtmlファイルを選択して読み込みボタンをクリックすると、クリックすると選択したhtmlファイルのデータが現在のhtmlに読み込まれ、現在のhtmlページにhtmlコンテンツがコピーされるdivがあります。

ボタンクリックで外部htmlファイルのコンテンツをdivに簡単に取得できますが、問題は外部htmlからdivにコピーされたコンテンツであり、そのhtmlコンテンツでjqueryがドラッグ可能、サイズ変更可能のように正しく機能していません。

このエラーを解決するにはどうすればよいですか?

私のコード:

$.ajax({
    url: "test.html",
    async: false,
    dataType: "text",
    success: function (data) {
        console.log(data);
        $(data).appendTo("#col_two");
        return true;
    }
});

編集:以下のコメントからのコード...

<div class="ui-draggable ui-resizable" style="background: none repeat scroll 0% 0% rgb(253, 23, 23); width:394px;height:210px;position:absolute; left:1084px; top: 287px;border:1px solid rgb(82, 1, 243); z-index:1;" id="rectangle_1">
   <div style="z-index:1;" class="ui-resizable-handle ui-resizable-e"></div>
   <div style="z-index:1;" class="ui-resizable-handle ui-resizable-s"></div>
   <div style="z-index:1;" class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se"></div>
</div>

上記のコードを追加しようとしています

col_two への ajax 呼び出しで上記のコードを追加しています。ID が「rectangle_1」である追加された div は、draggalbe もサイズ変更もできません

4

2 に答える 2

1

loadのように、これに関数を使用できませんか...

$( "#col_two" ).load("test.html");

load apijquery のドキュメントを見て、 $("#id").load と $.ajax? の違いも参照してください。比較のためのリンク。

Draggableなどを使用する問題については、参照JQuery.UIしていますか?また、コードにこれがありますか...

$(function() {
    $("#col_two").draggable();
  });

これをローカルでテストしたところ、うまくいきました...

 $(document).ready(function () {
            $("#col_two").load("Page.htm");
            $("#col_two").draggable();
        });

ここに画像の説明を入力 ここに画像の説明を入力

これを実行すると、ドラッグできます'This is the loaded page...'。

于 2013-10-01T10:48:47.480 に答える