jquery - 悬停时更改拖动克隆的大小?

标签 jquery drag-and-drop hover height width

$(".drag").draggable({
helper: 'clone',
appendTo: "body"
});


$( ".drop" ).droppable({
over: function(event, ui) {
       $(ui.draggable).css({width:'30px',height:'30px'});
        },

drop: function( event, ui ) {
    if($(ui.draggable).parent() !==$(this)){
        $(ui.draggable).appendTo($( this ));
        $(ui.draggable).tooltip({ disabled: true });
        $(ui.draggable).css({float:'left'});
      }
      }});

当我将鼠标悬停在可放置区域上时,我试图更改拖动的克隆项目的大小,但保留原始大小相同(以便当我位于正确的放置区域上时,附加到鼠标的项目会缩小)。此代码更改了原始代码,但没有更改克隆。有什么建议么?

最佳答案

这完成了工作。直接访问克隆助手。

$( ui.helper).css({width:'30px',height:'30px'});

关于jquery - 悬停时更改拖动克隆的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15125708/

相关文章:

jquery - 我如何知道我属于哪个 id 范围?

jquery - django 将 "post"识别为 "get"

java - 如何在mouseDragged事件下的DRAG_LAYER上添加JLabel

css - 如何添加一个:hover color to AMP dropdown menu

javascript - 调用 URL 并获取返回值。 Jquery和Javascript都不显示返回值

javascript - 如何将一个html文件的内容及其所有脚本和样式加载到另一个html文件中?

java - 如何在游戏中实现拖放?

javascript - 拖放中 div 的条件

css - 悬停在不是后代的工具提示上时,将悬停样式保持在父级上

jquery - 悬停元素时更改其他列表元素的 CSS