Question

我需要一个文本区域，我可以修复一些标签，并可以拖放相关标签下的组件。如果在错误的标签下下垂，它也应该能够重新排列组件。任何人都可以请你告诉我它的实现。如果您提供一些示例代码，将会非常有用。非常感谢！

Answer 1

＆＃13;

$(function() {
    $("#elements li b").draggable({
        appendTo: "body",
        helper: "clone",
        drag: function(event, ui) {
            $(this).remove();
        }
    });
    $(".to_drop").droppable({
        activeClass: "ui-state-default",
        hoverClass: "ui-state-hover",
        // accept: ":not(.ui-sortable-helper)",
        drop: function(event, ui) {
            
            var old = $(this).val();
            if (old == "") {
                $(this).val(ui.draggable.text());
            } else {
                $(this).val(old + ", " + ui.draggable.text());
            }
          

        }
    })
});

＆＃13;

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    <li><b>one</b> <b>two</b> <b>three</b></li>
    <li><b>one</b> <b>two</b> <b>three</b></li>
    <li><b>one</b> <b>two</b> <b>three</b></li>
    <li><b>one</b> <b>two</b> <b>three</b></li>
</div>
<textarea type="text" class="to_drop" ></textarea>

＆＃13;

修复了可放置TextArea JQuery中的部分

1 个答案: