1

我使用 jquery-ui 可排序，并且我无法更改拖动项目在拖动时的外观。我想要的是拖动时红色 bg 容器内组件的文本值。请帮忙

这是我到目前为止得到的http://jsfiddle.net/Fyd48/5/。这大约是 90% 的工作。如果你拖动super dooper它有我想要的红色背景，但它周围仍然有灰色框，这让它看起来很奇怪。，我不知道那个灰色的盒子是从哪里来的，但是请帮忙把它去掉。

$( "#container" ).sortable({
start: function(event, ui){        
   var text = $.trim(ui.item.text());
   ui.item.startHtml = ui.item.html();

   ui.item.html('<div style="display: inline-block;" class="rf-ind-drag default drag">' + text + '</div>');
},
stop: function(event, ui){ 
   ui.item.html(ui.item.startHtml);
}
});
$( "#container" ).disableSelection();
4

2 回答 2

4

您background-color: rgb(245, 245, 245);在每个可拖动的 div 中都有一个 css 样式，如果将其删除，则拖动时灰色框将不存在。

小提琴：http: //jsfiddle.net/Fyd48/10/

于 2013-07-05T12:51:56.587 回答
1

灰色背景来自这些 DIV：

<div style="border: 0px; background-color: rgb(245, 245, 245); padding: 0px; position: relative; background-position: initial initial; background-repeat: initial initial;" class="default ui-draggable">

您在拖动时创建的红色 DIV 比包含的 div 小，让父背景颜色显示出来。尝试在红色 DIV 上设置height和width到：100%

ui.item.html('<div style="display: inline-block; width:100%; height: 100%" class="rf-ind-drag default drag">' + text + '</div>');

（当然最好将样式属性放在样式标签中，而不是内联样式）

于 2013-07-05T12:54:32.493 回答