Question

当我将第一个li的元素div拖放到另一个div，即“在此处添加您的故事”框时，内容将被删除。但是我需要的是拖动元素的颜色应该随着它被放到div 2 id = dialogIteration而改变。这样我就可以知道哪些元素被拖放了，哪些元素被拖动了。这是我拖放的运行代码。

[http://jsfiddle.net/coolanuj/7683X/25/]

Answer 1

在drop函数中选择事件的srcElement，然后从那里开始。

drop: function(event, ui) {
    $(event.srcElement).css('color', 'green');
    $(this).find(".placeholder").remove();
    $("<li></li>").text(ui.draggable.text()).appendTo(this);
}

Answer 2

你如何让你的李可以拖拉？通过jQuery UI？如果是这样，您可以使用事件stop( event, ui )

它在拖动停止时被触发。

您可以在stop（）上调用eventhandler。

jQuery的：

$('body').on('stop','#dialogIteration',function(){

// highlight your dragged <li> item
$(this).toggleClass('highlight',true);

});

CSS：

.highlight{
background-color: yellow;
}

在拖放到另一个div li之后，颜色应该更改第一个div'li'元素

2 个答案: