DIV中的拖动问题答案

【问题标题】：Dragging issue in DIVDIV中的拖动问题
【发布时间】：2011-03-18 09:49:15
【问题描述】：

在 DIV 标记中，我在加载时使用以下脚本附加了 SPAN 控件

$("#<%=divDimensions.ClientID %>").append("<SPAN id='spnDrag' class='draggable' style='CURSOR:hand'>" + $(ui.draggable).text() + "</SPAN><br>");

其中“divDimensions”是 DIV 控件。

我为拖动上面创建的 span 控件编写的 jquery 脚本如下：

$("#<%= divDimensions.ClientID%> SPAN.draggable").draggable({
            appendTo: 'body',
            helper: 'clone',
            scroll: false,
            drag: function() {
                $('#<%=hdnNodeType.ClientID%>').val("DimensionBox");
            }
        });

但问题是我无法拖动创建的跨度控件。你能帮我解决这个问题吗？

关于拖动的另一个问题是，可拖动元素在拖动到 FusionChart 控件时消失了，我不得不将其拖动到 FusioChart 附近。在 FusionChart 上拖动的解决方案是什么？

【问题讨论】：

您确定第二个脚本在第一个脚本之后运行吗？（否则可拖动span不存在，第二个脚本无法使用）
谢谢。现在它的工作。

标签： jquery jquery-ui jquery-selectors

【解决方案1】：

您应该通过在结束标记前添加减号来抑制 erb 输出中的换行符。

$("#<%= divDimensions.ClientID -%>").append("<SPAN id='spnDrag' class='draggable' style='CURSOR:hand'>" + $(ui.draggable).text() + "</SPAN><br>");

$("#<%= divDimensions.ClientID -%> SPAN.draggable").draggable({
        appendTo: 'body',
        helper: 'clone',
        scroll: false,
        drag: function() {
            $('#<%= hdnNodeType.ClientID -%>').val("DimensionBox");
        }
    });

始终查看 JavaScript 控制台。这是查找错误的好工具。

【讨论】：