DIV中的拖动问题

Question

在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上拖拽的解决方案是什么？

Answer 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控制台。这是一个很好的查找bug的工具。