Question

我试图将我的div拖到可放置的texbox上然后我想使用文本框中的可清除将可拖动的div发送回原来的位置。

在此jsfiddle 我隐藏了当前的draggable并在文本框中显示文本但是当我点击可清除按钮时，我显示所有可拖动的div。单击可清除按钮后，如何才能显示当前可拖动的？或者还有其他办法吗？

.on('touchstart click', '.onX', function(ev) {
$(".draggable").css({
'left': $(".draggable").data('originalLeft'),
'top': $(".draggable").data('origionalTop')
});
$(".draggable").show();
$(this).removeClass('x onX').val('').change();
});

我需要将$（＆＃34; .draggable＆＃34;）更改为当前的draggable。因为现在当我点击任何文本框中的可清除按钮时，所有可拖动的div都会回到原来的位置。

Answer 1

我刚想通了。当我将div拖到文本框上时，我将id赋予可拖动的div。

$(ui.draggable).attr("id", $(ui.draggable).text());

然后点击可清除按钮时我会调用该ID。

 $("#" + currentID).css({
        'left': $(".draggable").data('originalLeft'),
        'top': $(".draggable").data('origionalTop')
    });
    $("#" + currentID).show();

您可以在此处查看http://jsfiddle.net/nakres/hqbhLzkm/

draggable divs到可放置的文本框然后回到原来的位置

1 个答案: