javascript - 如何使用 YUI3 制作可拖动的 ？

Question

我正在使用 YUI3，我一直在尝试制作 <tr>表格内的标签可拖动，但运气不佳。我发现我可以拖动 <div>节点周围，但由于某种原因我无法拖动 <tr> 。这不应该是一个限制，我找到了 YUI2 的示例，其中完成了此操作，但代码与 YUI3 完全不同，我无法弄清楚这一点。

有谁知道是否可以拖动<tr> YUI3中的节点，以及如何做到这一点？

这是我的代码:

YUI({combine: true, timeout: 10000}).use("dd-drop", "dd-constrain", "node", function (Y) {
    var drags = Y.Node.all('#draftable-players tr.drag');
    drags.each(function(v, k) {
        var dd = new Y.DD.Drag({
            node: v,
            dragMode: 'intersect'
        }).plug(Y.Plugin.DDConstrained, {
            constrain2node: '#draft'
       });
       dd.on('drag:end', function(e) {
           e.preventDefault();
       });
    });
});

以及相关的 HTML:

<div id="draft">

<table id="draftable-players">
<tr class="drag"><td>some stuff</td></tr>
<tr class="drag"><td>some more stuff</td></tr>
</table>

<table> another table, i'm trying to drag <tr>s from the other one to this one
</table>

</div>

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

这个问题并没有引起太多兴趣，但我想我还是回答一下，以防将来有人遇到这个问题。

我发现你不能拖动<tr>两个表之间的元素，仅在同一个表中 - 进一步检查我上面提到的 YUI2 示例正是这样做的，在给定表中拖动。

我已将表格转换为 <div>元素并将它们设置为看起来像 <table>使用 CSS，现在我可以从一个“表格”拖动到另一个“表格”。如果有人好奇想看看一些拖放代码，请查看 YUI3 的文档 here .