0

ドラッグ可能なアイテムを含むdivボードがあります。

保存時に、divボードのコンテンツをtxtファイルにエクスポートします。

txtファイルには次のようなものが含まれています。

<div class="ui-draggable sleep ui-resizable" style="position: absolute; left: 450px; top: 117px;">

<img src="/media/img/badkamer/1361540973Duravit2ndFloor.jpg" class="center">

<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>

<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>

<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>

つまり、基本的には、ドラッグ可能でサイズ変更可能なdiv内の画像です。

ロードすると、divのサイズを変更する画像が表示されますが、画像をドラッグしたりサイズ変更したりすることはできません。

私は次のテキストファイルを取得します：

<script
$(document).ready(function() {

        $("#bord").load("/media/moodboards/1.txt");
        $(".sleep").draggable();       
});
</script>

しかし、私の問題は、divsleepをドラッグまたはサイズ変更できないことです。

誰かが私を助けることができます私は他の多くのトピックを見つけましたが、どれも私のために働いていませんでした。

すべてが良さそうに見えますが、機能が機能しません（サイズ変更とドラッグ）

誰かが私がこれらの機能を再び機能させるのを手伝ってくれるでしょうか？

4

1 に答える 1

1

まず、ロード後に呼び出してみてください。

$("#bord").load("/media/moodboards/1.txt", function() {
    $(".sleep").draggable();
});

それでもうまくいかない場合は、小さなフィドルを作成してください。

于 2013-03-22T10:27:32.580 に答える