0

我修改了优秀的 Yahoo 示例以允许拖放 div 容器。我基本上只是将代码中对“ul”和“li”的所有引用更改为 div 容器的类。

我想允许对画廊中的图像进行重新排序。

如果 div 容器不包含链接，我可以重新排序它们。我怎样才能使这些 div 可拖动？

问题与从http://yuilibrary.com/yui/docs/dd/list-drag.html向雅虎示例添加链接锚几乎相同 

<div id="play">
    <ul id="list1">
        <li class="list1"><a href="#">Item #1</a></li>
        <li class="list1"><a href="#">Item #2</a></li>
        <li class="list1"><a href="#">Item #3</a></li>
        <li class="list1"><a href="#">Item #4</a></li>
        <li class="list1"><a href="#">Item #5</a></li>
    </ul>
</div>

我相信在这种情况下列表项也不能拖动。

所以我的代码如下所示：

<div class="alt1" style="padding:6px;" width="100%" align="center" id="play">
    <div style="width:162px; height:166px; margin:5px; float:left" class="list1">
        <a href="album.php?pictureid=147828"><img src="/123.jpg" alt="" border="0" style="padding:6px;" width="130" height="130" /></a>
    </div>
    <div style="width:162px; height:166px; margin:5px; float:left" class="list1">
        <a href="album.php?pictureid=147828"><img src="/123.jpg" alt="" border="0" style="padding:6px;" width="130" height="130" /></a>
    </div>
</div>

如果我添加链接（如上），我只能通过填充拖动 div 容器。如果链接不存在，我可以将图像拖到任何地方。

4

1 回答 1

0

我在这里写了一个更完整的答案：重新排序图片库

简而言之，锚标记默认不是有效的拖动句柄。您可以使用 removeInvalid 更改此设置：

dragInstance.removeInvalid('a');
于 2013-02-21T12:22:19.230 回答