拖放到另一个 div li 后，第一个 div 'li' 元素的颜色应该改变答案

【问题标题】：Colour should change of first div 'li' element after drag and drop to another div li拖放到另一个 div li 后，第一个 div 'li' 元素的颜色应该改变
【发布时间】：2012-11-07 13:51:57
【问题描述】：

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

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

【问题讨论】：

请在此处添加您的代码并指出您认为问题出在哪里。不要让人们离开网站去查看将来可能不存在的链接。
您可能想要清理您的代码，如下所示：jsfiddle.net/7683X/27 在左侧列表中添加资源。您也不需要 html 声明。将 CSS 添加到 CSS 窗口。

标签： jquery css html draggable

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

拖动停止时触发。

您可以在 stop() 上调用事件处理程序。

jQuery:

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

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

});

CSS：

.highlight{
background-color: yellow;
}

【讨论】：

@pmandell ：它在某种程度上工作仅意味着当我拖放超过 1 个元素时它有时不工作。我需要再次刷新我的页面。