Перетаскивание вопроса в DIV

Question

В теге DIV я добавил элемент управления SPAN, используя следующий скрипт, при загрузке

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

где "divDimensions" - это элемент управления DIV.

И скрипт jquery, который я написал для перетаскивания элемента управления span, созданного выше, выглядит следующим образом:

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

Но проблема в том, что я не могу перетащить созданный элемент управления span. Можете ли вы помочь мне решить эту проблему?

И еще одна проблема, связанная с перетаскиванием, заключается в том, что перетаскиваемый элемент исчезает при перетаскивании элемента управления 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.Это отличный инструмент для поиска ошибок.