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 的大小,但我无法拖动或调整图像的大小。

我得到 txt 文件:

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

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

但我的问题是我无法拖动或调整 div 睡眠的大小。

有人可以帮助我吗?我发现了很多其他主题,但没有一个对我有用。

一切看起来都不错,但功能不起作用(调整大小和拖动)

有人可以帮助我使这些功能再次起作用吗?

4

1 回答 1

1

首先尝试在加载后调用它:

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

如果这不起作用,请创建一个小小提琴。

于 2013-03-22T10:27:32.580 回答