Question

我有一个带有可拖动物品的div bord。

在保存时，我将div bord的内容导出到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睡眠。

有人可以帮助我，我发现了很多其他主题，但没有一个适合我。

一切看起来都不错，但功能不起作用（调整大小和拖动）

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

Answer 1

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

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

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

从文本文件加载后可拖动

1 个答案: