javascript - 使用 $.post 显示来自多个元素的数据

Question

我有一个脚本可以回显最后一个丢弃的可放置元素，我想这样做，所以当最后一个元素被丢弃时，在最后一个被丢弃的元素之前丢弃的所有元素都会被回显。这是脚本减去回显的视觉效果。以下是包含该问题的 javscript。

$('#dropbox, #dropbox1').droppable({
        accept: '.sort',
        hoverClass: 'border',
        tolerance: 'touch',
        drop: function(e, ui) {
    $(this).append(ui.draggable.html() + '<br/>');
            $("#add_friend").show().fadeOut(12000);
            $(e.target).droppable("disable");
            $(e.target).append("<input type='button' name='Sub' value='clear'/>").click(function() {
            $(this).empty().droppable("enable");
            });
        var dropbox = $('#dropbox').html();
        var dropbox1 = $('#dropbox1').html();

    if(dropbox && dropbox1 !== ''){
        $.post("account_main.php", 
          {data: $(this).text()}, 
          function(data) {
               //alert("Data saved.");
               $('#demo').html(data);
          });       
        }
        }
    });

我很确定{data:$this.text()}是问题所在，但是当最后一个可放置的元素被丢弃时，我对如何回显其他被丢弃的元素感到困惑。

Answer 1

您能简单地回显保管箱的内容吗？

alert($('#dropbox1').text());
alert($('#dropbox2').text());

或者您是否试图按照它们被丢弃的顺序来呼应它们？