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

В теге 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?


jquery jquery-ui jquery-selectors
person Sreejesh Kumar    schedule 20.07.2010    source источник
comment
Вы убедились, что второй скрипт запускается после первого? (иначе перетаскиваемый диапазон не существует и второй скрипт не может его использовать)   -  person Gabriele Petrioli    schedule 20.07.2010
comment
Спасибо. Теперь он работает.   -  person Sreejesh Kumar    schedule 20.07.2010

Ответы (1)


arrow_upward
0
arrow_downward

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

person ericteubert    schedule 20.07.2010