Question

在DIV标记中，我在加载

时使用以下脚本附加了SPAN控件

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

其中“divDimensions”是DIV控件。

我用来拖动上面创建的跨度控件的jquery脚本如下：

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

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

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

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控制台。这是一个发现错误的好工具。

在DIV中拖动问题

1 个答案: