如何使jQuery中的图像可排序元素可拖动

How to make Image within jQuery sortable Element draggable?

本文关键字：排序 元素 拖动 图像 何使 jQuery      更新时间：2023-09-26

我想知道有没有jQuery向导可以帮助我！

我有一个可排序元素的列表，这些元素将充当"photoshop"层，在这些元素中有一个图像元素。

在将图像放入Sortable元素之前，我可以将其拖到画布上并在该位置绘制，但现在当我拖动时，我会拖动整个可排序元素。

<ul id = "layers">
<li class = "layer" id = "0">
<img draggable="true" ondragstart="drag(event)" id="imgnumber0" class="draggable-img" src="toolongtocopy!!">
</li>
<li class = "layer" id = "1">
<img draggable="true" ondragstart="drag(event)" id="imgnumber1" class="draggable-img" src="toolongtocopy!!">
</li>
</ul>

我的脚本：

 $(function() {
    $('#layerslist').sortable({
        update: function(event, ui) {
            var result = $(this).sortable('toArray');
            alert(result);
            }
    });
});

我想知道如何允许图像元素与可排序li分开拖动？

谢谢！

您要查找的是Handles。按以下方式指定句柄：

$( "#draggable" ).draggable({
  handle: "p"
});
相关文章：